javascript - 从 JavaScript 异步运行 PHP

Question

当我以 HTML 形式编写内容时，我试图获得一些建议。

因此，当 onkeypress 和 onkeyup 事件在该表单上被触发时，我调用了一个 JS 函数。在 JS 函数中，我使用 HTTP 请求对象并从 PHP 文件中获取数据。

这是一个小片段，可以说明我在做什么。

HTML 代码:

<form class="login" onsubmit="return isvalidated()" action="asd.php" method="post">
			<input id="userID" type="text" onkeypress="checkusername()" onkeyup="checkusername()" onblur="usercheckLv()" placeholder="username" name="user"><br><span class="errors" id="usererror"></span><br>
			<input id="passwordID" type="password" onblur="passwordcheckLv()" placeholder="password" name="password"><br><span class="errors" id="passworderror"></span><br>
			<input type="submit" value="Login">
</form>
<script src="js/index.js"></script>

JavaScipt 代码:

function checkusername(){
	var xmlhttp = new XMLHttpRequest();
       	xmlhttp.onreadystatechange = function() {
           	if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
           	   	document.getElementById("usererror").innerHTML = xmlhttp.responseText;
            	}
       	xmlhttp.open("GET", "xx.php", true);
       	xmlhttp.send();
	}
}

PHP 文件 xx.php :

<?php
    echo "fgfwegfdg";
?>

我的 HTML 文件位于名为 taxi 的文件夹中，index.js 和 xx.php 位于 taxi/js 文件夹。

所有其他函数 usercheckLv() passwordcheckLv() isvalidated() 都在 index.js 文件中所有这些功能都正常工作。正在调用checkusername()(我调试过它)。

但是 checkusername() 中的内部函数不起作用。

请帮助。提前致谢。

注意:我在 Ubuntu 中通过本地主机运行文件

Answer 1

如果正在调用 checkusername 函数但没有任何响应，那么问题一定来自您的 Ajax 调用。

我建议您仔细查看每一行函数代码，因为它们区分大小写，尤其是其中的 xhttp 部分。检查 w3school 的语法是否正确。

或者；按照假设使用 if(xhttp.statusText === 'OK') if (xmlhttp.readyState == 4 && xmlhttp.status == 200)。您还可以在您的代码中添加 console.log() 消息以了解代码中断的位置。

希望对你有帮助