ユーザーとパスワードのテキスト ボックスに情報が入力されたときに表示されるメッセージをユーザーが確認できるように、最善を尽くしてファイルを複製しました。ただし、メッセージ表示は行われません。
ここに私の ajax.html ファイルがあります:
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
var sendu = $("#username").val();
var sendp = $("#pw").val();
$.ajax({
type: "POST",
url: "ajax.php",
data: "username="+sendu+"&password="+sendp,
dataType: "json",
success: function(msg, string, jqXHR){
$("#result").html(msg+string+jqXHR);
}
});
});
});
</script>
</head>
<body>
<input type="text" id="username" name="username" /><br />
<input type="password" id="pw" name="pw" /><p>
<input type="button" id="button" value="Submit" />
<p><div id="result"></div>
</body>
</html>
ここに私の ajax.php ファイルがあります:
<?php
$name = $_REQUEST["username"];
$pw = $_REQUEST["pw"];
$list = array('name'=>$name, 'password'=>$pw);
$c = json_encode($list);
echo $c;
?>