我对 ajax 非常陌生。 试图通过tutorial来了解
尝试代码:
<DOCTYPE html PUBLIC" ..//w3c//DTDXHTML 1.0 strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ajax</title>
<script language="javascript" type="text/javascript">
xmlhttp = new XMLHttpRequest();
function getScores() {
xmlhttp.onreadystatechange() = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById('scores').innerHTML = xmlhttp.responseText;
} else {
document.getElementById('scores').innerHTML = "<strong>Sonal Goyal</strong>"
}
}
xmlhttp.open("GET", "https://www.learntoprogram.tv/baseball.php", true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="score"></div>
<input type="button" value="get scores!" onclick="getScores()" />
</body>
</html>
我哪里还欠缺？
最佳答案
你的代码对我来说看起来很好，除了你的 input-divContainer id 中有拼写错误。
找出你的else中的错误输出xmlhttp数据是什么 条款
xmlhttp.onreadystatechange() = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById('scores').innerHTML = xmlhttp.responseText;
} else {
document.getElementById('scores').innerHTML = xmlhttp.status;
}
}
关于javascript - 如何在 ajax 事件(onreadystatechange)上创建函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21702704/