2011-12-09 44 views
0

我跟着一本關於AJAX的教程書,我似乎失敗了一些基本概念。AJAX初學者與DOMException問題

下面是HTML和Javascript我使用(這被保存爲ajax.html我的GoDaddy的託管Web服務器上):保存

<html> 
    <head> 
     <title>AJAX Example</title> 
     <script language="javascript"> 
      var XMLHttpRequestObject = false; 

      if (window.XMLHttpRequest) { 
       XMLHttpRequestObject = new XMLHttpRequest(); 
      } else if (window.ActiveXObject) { 
       XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP"); 
      } 

      function getData(dataSource, divID) { 
       if (XMLHttpRequestObject) { 
        var obj = document.getElementById(divID); 
        XMLHttpRequestObject.open("GET", dataSource); 

        XMLHttpRequestObject.onreadystatechange = function() { 
         if (XMLHttpRequestObject.readystate == 4 && XMLHttpRequestObject.status == 200) { 
          obj.innerHTML = XMLHttpRequestObject.responseText; 
         } 
        }     
        XMLHttpRequestObject.send(null); 
       } 
      }   
     </script> 
    </head> 
    <body> 
     <H1>This is an AJAX Example</H1> 

     <form> 
      <input type="button" value="Fetch the Message" onclick="getData('data.txt', 'targetDiv')"> 
     </form> 
     <div id="targetDiv"> 
      <p>The fetched message is supposed to appear here...</p> 
     </div> 
    </body> 
</html> 

,是data.txt中的內容(在同一個目錄中ajax.html):

<p>This is some text in a file that I am using to be</p> 
<p>queried with an ajax process to display dynamically.</p> 

的問題是,當我按下頁面上的按鈕沒有任何反應。我嘗試使用Chrome的開發人員工具瀏覽Javascript,並看到一個DOMExceptionenter image description here

可有人請指出,如果有一個問題,這個JavaScript或點我在正確的方向處理,我看到了DOMException

回答

1

使用找到的答案here我看到我的readystate應該是readyState。改變這一點解決了我的問題

+0

檢查你已經回答了問題 – Gutzofter