网络请求未完全正常工作

Question

我有一个小问题。我想要进行自动搜索，但是我的网络请求（自动）的结果与我直接按 Enter 键的结果之间存在差异。

我希望结果完全相同，结果应该是我按回车键时得到的结果。

代码请求：

function showUser(str, str2)
{
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 && xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
} 
xmlhttp.open("GET", "klanttabel.php?search=" + encodeURIComponent(str) + "&search2=" +       encodeURIComponent(str), true);
xmlhttp.send();
}

代码查询（给我正确的结果）

if($search != ''){

$where[] = "( klant_id LIKE '%" .$search."%' OR  voornaam LIKE '%" .$search."%' OR     achternaam LIKE '%" .$search."%' OR email LIKE '%"        .$search."%' OR plaats LIKE '%"   .$search."%' OR bedrijfsnaam LIKE '%" .$search."%' ) ";

if($search2 != ''){
$where[] = " ( klant_id LIKE '%" .$search2."%' OR voornaam   LIKE '%" .$search2."%' OR   achternaam LIKE '%" .$search2."%' OR email LIKE '%" .$search2."%' OR   plaats LIKE '%"   .$search2."%' OR bedrijfsnaam LIKE '%" .$search2."%') ";
}
$query_where = (is_array($where))?" WHERE ".implode(" AND ", $where):""; 
$result = mysql_query("SELECT * FROM klant ".$query_where." ORDER BY klant_id DESC");
$i = 0;
}

我有两个输入字段，以便您可以搜索两个不同的值。当我输入它们并按回车键时，它会给出相应的结果。

但如果我让它自动执行，它只会给出我输入的最后一个字段的结果。

所以基本上，它只是搜索最后一个字段。我认为这与我的输入字段有关，所以这里是代码：

<form method="get">
<input onfocus="this.value=''" type="text" name="search" value="Naam..."    onkeyup="showUser(this.value)"></input><br />

<input onfocus="this.value=''" type="text" name="search2" value="Plaats..."  onkeyup="showUser(this.value)"></input><input type="submit" value="zoeken" name="submit2"   </input></form>

Answer 1

一个更优雅的解决方案，而不是使用本机 XMLHttpRequests 和所有其他解决方法是 jQuery.ajax。另外，其他事项：

• 输入元素没有结束 。

适用于 jsFiddle 的修改示例：http://jsfiddle.net/e9drS/。

HTML：

<form id="form">
    <input type="text" id="search" name="search" value="Naam..." />

    <br />

    <input type="text" id="search2" name="search2" value="Plaats..." />

    <input type="submit" value="zoeken" />
</form>

JavaScript：

$(function() {

$('#search, #search2').focus(function() { // clear on focus
    $(this).val('');
}).keyup(function() { // perform request on keyup
    $.ajax({ type: 'GET',
             url:  'klanttabel.php',
             data: { search:  $('#search').val(),
                     search2: $('#search2').val() },
             success: function(text) {
                 $("#txtHint").html(text);
             }
           });
});

});