2013-07-09 72 views
1

我正在阅读w3schools教程的ajax和该网址真的困扰着我。他们从哪里得到的?我复制了w3schools给出的ajax示例代码,但它不起作用。我认为它是因为这个网址(demo_get.asp)..这里是我从w3schools复制的代码。这是什么demo_get.asp?

<!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> 

回答

2

demo_get.asp只是该AJAX示例正在读取的服务器上的文件的名称。就像任何其他网址一样,您需要将其更改为符合您的代码结构。例如,如果您需要使用AJAX加载HTML页面mypage.html,那么这就是您需要放入URL的内容。另外,除非你有很好的理由,否则你最好使用一个JavaScript库,例如jQuery,它可以大大简化Ajax。在jQuery中,你可以简单地做:

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

mypage.html内容加载到div id为targetdiv