使用Ajax更改div的內容

我是Ajax的初學者，我有這個html代碼，它旨在通過使用xmlhttprequest來請求不同的html地址並將其內容放入div中來更改div的內部內容一個div。我究竟做錯了什麼？下面是代碼：使用Ajax更改div的內容

<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <script type="text/javascript"> 
     var xmlhttp= null; 
     if(window.XMLHttpRequest){ 
      xmlhttp = new XMLHttpRequest(); 
     }else{ 
      alert("You must be using a different browser."); 
     } 

     function makeRequest(serverPage,objID){ 

      var obj = document.getElementById(objID); 
      xmlhttp.open("GET",serverPage); 
      xmlhttp.onreadystatechange = function(){ 
       if(xmlhttp.readyState == 4 && xmlhttp.status == 100){ 
        obj.innerHTML = xmlhttp.responseText; 
       } 
      } 
      xmlhttp.send(null); 
     } 
    </script> 
</head> 
<body onload="makeRequest ('content1.html','hw')"> 
    <div align="center"> 
     <h1>My Webpage</h1> 
     <a href="content1.html" onclick="makeRequest('content1.html','hw'); return false;"> Page1</a> | <a href="content2.html" onclick="makeRequest('content2.html','hw'); return false;"> Page2</a> | <a href="content3.html" onclick="makeRequest('content3.html','hw'); return false;"> Page3</a> | <a href="content4.html" onclick="makeRequest(content4.html,hw); return false;"> Page4</a> 
     <div id = "hw"></div> 
</body>

來源

2012-11-29 William Oliver

，你面對的是什麼錯誤？ – Passerby

一般來說，這看起來不錯給我。

但xmlhttp.status == 100檢查看起來可疑。

100是一個不尋常的HTTP狀態碼。通常，Web服務器在成功請求時返回200（「OK」）。

嘗試更換status == 100檢查status == 200。

僅供參考，請參閱：http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html

來源

2012-11-29 05:22:02 edp

變化xmlhttp.status == 100到xmlhttp.status == 200檢查是否能解決您的問題

，如果你嘗試運行在IE瀏覽器的頁面嘗試添加該line

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

來源

2012-11-29 05:08:31

試驗xmlhttp.status == 200，而不是100

http://www.w3schools.com/ajax/ajax_xmlhttprequest_onreadystatechange.asp

來源

2012-11-29 05:10:04 reergymerej

我想這應該是：

function makeRequest(serverPage,objID){ 
    xmlhttp.open("GET",serverPage); 
    xmlhttp.onreadystatechange = function(){ 
     if(xmlhttp.readyState == 4 && xmlhttp.status == 200){ 
      document.getElementById(objID).innerHTML = xmlhttp.responseText; 
     } 
    } 
    xmlhttp.send(null); 
}

來源

2012-11-29 05:10:28

function AjaxGet(url,helm) 
{ 
    if (xmlhttp == null) 
    { 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) 
    { if ((xmlhttp.status==200) || (xmlhttp.status==304)) 
      { document.getElementById(helm).innerHTML = xmlhttp.responseText; } 
      else { document.getElementById(helm).innerHTML = xmlhttp.status + " " +xmlhttp.statusText; } 
    } 
} 

    xmlhttp.open("GET",url,true); 
    xmlhttp.send(); 
}

來源

2012-11-29 05:29:46

使用Ajax更改div的內容

回答

相關問題