Question

我一直在试图弄清楚为什么我这个非常简单的ajax文件中的内容在过去一小时左右不起作用。我正在使用wamp服务器，所以我将我的文件部署在www文件夹下并从localhost运行它，没有结果。我也尝试将其作为独立的html文件运行，也没有结果。

我正在使用Google Chrome。我从网上运行了一个示例代码（它嵌入在网页中），它工作得很好，但是在复制粘贴之后，它没有用。为什么？我应该在浏览器或服务器中确定是否有任何设置？

请帮忙！我似乎无法找到问题

这是代码：

    <!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>

Answer 1

您的代码没有问题。

只需在身份标记

中添加ID为myDiv的div

<div id="myDiv"></div>

然后确保ajax目标页面存在。（ajax_info.txt）

然后调用页面的loadXMLDoc函数onload

<body onload="loadXMLDoc()">

结果代码可能如下所示。

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body onload="loadXMLDoc()">
<div id="myDiv"></div>
</body>
</html>

如果仍然myDiv没有获得ajax响应，请检查firebug/chrome inspector console是否有任何错误。

Ajax没有在wampserver下给出结果

1 个答案: