2

我正在阅读 w3schools 的 ajax 教程，那个 url 真的让我很困扰。他们从哪里得到的？？我复制了 w3schools 提供的 ajax 示例代码，但它不起作用。我认为是因为那个 url (demo_get.asp).. 这是我从 w3schools 复制的代码。

<!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","demo_get.asp",true);
xmlhttp.send();
}
</script>
</head>
<body>

<h2>AJAX</h2>
<button type="button" onclick="loadXMLDoc()">Request data</button>
<div id="myDiv"></div>

</body>
</html>
4

1 回答 1

5

demo_get.asp只是此 AJAX 示例正在读取的服务器上文件的名称。就像任何其他 url 一样，您需要更改它以匹配您的代码结构。例如，如果您需要 AJAX 加载 html 页面mypage.html，那么这就是您需要放入 URL 的内容。

此外，除非您有充分的理由，否则最好使用 javascript 库，例如 jQuery，它可以大大简化 ajax。在 jQuery 中，您可以简单地执行以下操作：

$.get('mypage.html', function(data) {
    $('#targetdiv').html(data);
});

将 的内容加载mypage.html到dividtargetdiv中。

于 2013-07-09T08:40:16.260 回答