我已经尽力复制文件,以便用户看到在用户和密码文本框中键入信息时显示的消息。但是,消息显示不会发生。
这是我的 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;
?>
$("#result").html(msg.name + msg.password);
等。
改变
$pw = $_REQUEST["pw"];
自
$pw = $_REQUEST["password"];
您正在使用 ajax 发送变量...并且您已将变量分配给密码,而不是PW(这是您输入的名称)。
并且不要忘记在输入中实际写入一些内容,以便您也可以收到一些东西。
$(document).ready(function(){
$("#button").on('click', function(){
var sendu = $("#username").val(),
sendp = $("#pw").val();
$.ajax({
type: "POST",
url: "ajax.php",
data: {username : sendu, password : sendp},
dataType: "json",
success: function(data){
$("#result").html(data.name).prepend(data.password);
}
});
});
});
.PHP
<?php
$name = $_POST["username"];
$pw = $_POST["password"];
$list = array('name'=>$name, 'password'=>$pw);
echo json_encode($list);
?>