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>";
}

?>

我对数据库的查询工作正常，我可以在Firebug控制台中看到ps.php正在返回结果。但是，我似乎无法用结果填充searchResults div。我做错了什么？

Answer 1

readyState有一个大写S.更改if条件：

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

AJAX搜索未显示结果

1 个答案: