2016-12-19 9 views
0

私はAjaxの例を見て、PHPに変数を送り、別の変数を取得していました。これは別のページ(how to get variables from php using AJAX)からのものですが、何かが私のために働いていないようです。私はエラーを起こさない、何も起こることがないようだ。私の目標は、PHPページにデータを単純に投稿し、変数を取得して別のDIVに入れることです。Ajaxのクエリが機能しない

htmlpage.html

<html> 
<head> 
<script> 
    $(document).ready(function() { 
    $("#ajaxButton").click(function() { 
     $.ajax({ 
      url:'phppage.php', 
      data:{username: $('#username').val()}, 
      type:'POST', 
      success: function(data) { 
       $('#result').html(data); 
      } 
     }); 
    }); 
}); 
</script> 
</head> 
<body> 
<input type="text" name="username" id="username"/> 
<input type="button" value="Find" id="ajaxButton"/> 
<div id="result">This should change on click</div> 
</body> 
</html> 

phppage.php

<?php 

$_POST['username']; 
$username = $_POST['username']; 
$result = '<div class="result">' .$username. "</div>"; 
echo $result; 

?> 
+3

'は定義されていません。 (あなたはjQueryを忘れてしまった。)ブラウザのコンソールでエラーをチェックする。ポップアップに表示されていないからといってエラーがないわけではありません。 – David

+2

「私はエラーが出ない」 - その場合正しい場所を探しているわけではない –

+0

これを入れる - > "" =>タグ –

答えて

0

それはあなたの全体のスクリプトですか?もしそうであれば、私はあなたのフロントエンドスクリプトにjqueryのをインポートしないと思い

例えば、あなたのコード内でのjQueryを追加してください:$ `以来、このコードは間違いなくエラーが発生します

<script src="http://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> 
関連する問題