我有一个PHP任务,我决定尝试添加AJAX,因为在我们的课程中,我们不会只学习AJAX.我似乎无法得到工作的回应.然而,在我的Fire Fox控制台的网络部分,我可以找到POST发送,其中包含我输入到表单中的值和PHP回显作为PHP函数工作的结果.但是,它不会出现在我的div标签中.非常欢迎任何帮助,谢谢.
这是HTML和JavaScript：
<html lang="en">
<head>
<Meta charset="utf-8">
<title></title>
<script type="text/javascript">
function testPass() {
var username = document.getElementById("uname").value;
var passwrd = document.getElementById("passwd").value;
var creds = "uname="+username+"&passwd="+passwrd;
var ajx = new XMLHttpRequest();
ajx.onreadystatechagne = function () {
if (ajx.readyState == 4 && ajx.status == 200) {
document.getElementById("message").innerHTML = ajx.responseText;
}
};
ajx.open("POST", "authenticate.PHP", true);
ajx.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
ajx.send(creds);
//document.getElementById("message").innerHTML = creds;
}
</script>
</head>
<body>
<p>
<form id="login">
<strong>Login</strong><br/><br/>
Username :<br/><input type="text" id="uname"><br/>
Password :<br/><input type="text" id="passwd"><br/><br/>
<div id="message" style="color:red;"></div>
<br/><button type="button" value="Submit" onclick="testPass();">Sign In</button>
</form>
</p>
</body>
</html>
这是PHP：
<?PHP
$uname = $_POST['uname'];
$passwd = $_POST['passwd'];
if (empty($uname) && empty($passwd)) {
echo "The username and password are required!";
} else if (empty($uname)) {
echo "The username is required!";
} else if (empty($passwd)) {
echo "The password is required!";
} else {
echo "It works!";
} ?>
解决方法:
你有一个错字：ajx.onreadystatechagne应该是ajx.onreadystatechange
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
