AJAX搜索未顯示結果

Question

我正在嘗試創建AJAX搜索並遇到一些困難。這是我的JS和形式：

<script type="text/javascript">// 
function prodSearch(request) { 

    if (request == "") { 
     document.getElementById("searchResults").innerHtml=""; 
     return; 
    } 

    if (window.XMLHttpRequest) { 
     xmlhttp = new XMLHttpRequest(); 
    } 

    xmlhttp.onreadystatechange = function() { 
     if(xmlhttp.readystate==4 && xmlhttp.status==200) { 
      document.getElementById("searchResults").innerHTML=xmlhttp.responseText; 
     } 
    } 
xmlhttp.open("GET","/ps.php?country="+request,true); 
xmlhttp.send(); 
} 
</script> 
<form> 
<select name="countries" onchange="prodSearch(this.value)"> 
<option>Select a country:</option> ... 
<div id="searchResults"> 
</div> 

這是我的PHP：

<?php 
/* Get data from form */ 
$country = $_GET["country"]; 

/* Build query */ 
$result = "SELECT .... "; 

while($row = $modx->db->getRow($result)) { 
    echo "<pre>"; 
    print_r($row); 
    echo "</pre>"; 
} 

?> 

我到數據庫查詢作品完美，我可以在ps.php是返回結果Firebug的控制檯中看到。然而，我似乎無法得到它實際上填充結果searchResults div。我究竟做錯了什麼？

Answer 1

readyState有資本S.更改爲if條件：

if(xmlhttp.readyState==4 && xmlhttp.status==200) {