使用Ajax的下拉菜單

我寫了下面的代碼;當我選擇在下拉菜單中相關文本文件India/America一些內容，已被讀取和div元素中顯示的，但我在該行收到錯誤xhr.send()使用Ajax的下拉菜單

任何人都可以解釋，爲什麼？從xhr.send（空）

<html> 
<head> 
<script> 
function getcity() 
{ 
    var a=document.getElementById("country"); 
    var b=a[a.selectedIndex].value; 
    alert(b); 
    var xhr=new XMLHttpRequest(); 
    if(b=="India") 
    { 
     xhr.onreadystatechange=function() 
     { 
      if((xhr.readystate==4)&&(xhr.status==200||xhr.status==304)) 
      { 
       document.getElementByID("display").innerHTML=xhr.responseText; 
      } 
     } 
     xhr.open("GET","india.txt",true); 
    } 
    else 
    { 
     xhr.onreadystatechange=function() 
     { 
      if((xhr.readystate==4)&&(xhr.status==200||xhr.status==304)) 
      { 
       document.getElementByID("display").innerHTML=xhr.responseText; 
      } 
     } 
     xhr.open("GET","america.txt",true); 
    } 
    xhr.send(null); 
} 
</script> 
</head> 
<body> 
<select id="country" onchange="getcity()"> 
<option>India</option> 
<option>America</option> 
</select> 
<div id="display"></div> 
</body> 
</html>

來源

2014-01-29 user3094600

刪除'null'; –

我試過Rajesh ...它仍然沒有顯示文本文件中的內容...內容只是一個普通的字符串 – user3094600

刪除xhr.status == 304 –

<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

<script> 
function getcity() 
{ 
    var a=document.getElementById("country"); 
    var b=a[a.selectedIndex].value; 
    alert(b); 
    var xhr=new XMLHttpRequest(); 
    if(b=="India") 
    { 
     xhr.onreadystatechange=function() 
     { 
      if((xhr.readystate==4)&&(xhr.status==200||xhr.status==304)) 
      { 
       document.getElementByID("display").innerHTML=xhr.responseText; 
      } 
     } 
     xhr.open("GET","india.txt",true); 
    } 
    else 
    { 
     xhr.onreadystatechange=function() 
     { 
      if((xhr.readystate==4)&&(xhr.status==200||xhr.status==304)) 
      { 
       document.getElementByID("display").innerHTML=xhr.responseText; 
      } 
     } 
     xhr.open("GET","america.txt",true); 
    } 
    xhr.send(null); 
} 
</script> 
</head> 
<body> 
<select id="country" onchange="getcity()"> 
<option>India</option> 
<option>America</option> 
</select> 
<div id="display"></div> 
</body> 
</html>

來源

2014-01-29 09:53:14

但是，我怎麼沒有得到輸出...我必須做任何端口配置gurations ???? – user3094600

正在使用記事本++ – user3094600

你..你必須在本地主機運行此代碼 –

使用Ajax的下拉菜單

回答

相關問題