我是JavaScript的新手，正在尝试使用一些Ajax将HTML动态加载到<div>元素中。我有一个PHP页面，其中包含插入<div>所需的HTML的JSON信息。我一直在测试，无法接通电话。我开始在我的readystate上发出警报，然后得到0，然后什么都没有。据我了解，函数sendData()应该在每次readystate更改时都被调用，但它似乎只执行一次，否则readystate永远不会更改，因此只能调用一次...？
这是我的PHP
<?php
$array['html'] = '<p>hello, menu here</p>';
header('Content-type: application/json');
echo json_encode($array);
?>
这是我的HTML
<!DOCTYPE html>
<html>
<head>
<title>Veolia Water - Solutions and Technologies Dashboard</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta name="description" content="Veolia Water - Dashboard"/>
<meta http-equiv="imagetoolbar" content="no" />
<meta author="Nathan Sizemore"/>
<link rel="stylesheet" href="./css/stylo.css" media="screen"/>
</head>
<body>
<div id="menu">
</div>
<div id="content">
</div>
</body>
<script src="./js/dashboard.js"></script>
</html>
这是我的JavaScript
var request;
window.onload = function()
{
load_menu();
}
//Load menu function
function load_menu()
{
request = getHTTPObject();
alert(request.readyState);
request.onreadystatechange = sendData();
request.open("GET", "./php/menu.php", true);
request.send(null);
}
function getHTTPObject()
{
var xhr = false;
if (window.XMLHttpRequest)
{
xhr = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
try
{
xhr = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
xhr = false;
}
}
}
return xhr;
}
function sendData()
{
alert(request.readyState);
// if request object received response
if (request.readyState == 4)
{
var json = JSON.parse(request.responseText);
document.getElementById('menu').innerHTML = json.html;
alert(json.html);
}
}
在此先感谢您的帮助！
内森
最佳答案
用这个：
request.onreadystatechange = sendData;
请注意，
()已从sendData()中删除您之前的工作是立即执行
sendData并将其结果返回到onreadystatechange。由于实际上没有return，因此该值为undefined。实际上并没有将任何内容设置为onreadystatechange，因此当state更改时实际上也没有执行任何操作。 onreadystatechange属性需要一个对函数的引用……这正是sendData的含义。在您的代码中，由于
sendData仅执行了一次（偶然），所以报告的状态为0（XHR的初始状态）。关于php - 请求就绪状态始终返回0？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15843121/