Question

我正在使用jQuery在文本字段上执行自动完成功能。根据用户点击该自动完成，我想调用另一个执行ajax请求的函数。如何实现。这是第一个自动完成功能：

    function lookup(inputString) {
    if(inputString.length == 0) {
        // Hide the suggestion box.
        $('#suggestions').hide();
    } else {
        $.post("ajax/autocomplete.php", {queryString: ""+inputString+""}, function(data){
            if(data.length >0) {
                $('#suggestions').show();
                $('#autoSuggestionsList').html(data);
            }
        });
    }
} // lookup

function fill(thisValue) {
    $('#inputString').val(thisValue);
    setTimeout("$('#suggestions').hide();", 200);
}

和第二个ajax电话：

function showCar(str)
{
if (str=="")
{
document.getElementById("inputString").innerHTML="";
return;
} 
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("carchoice").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","ajax/getcar.php?q="+str,true);
xmlhttp.send();
}

并从表单中初始调用该函数：

<input type="text" size="50" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();"/>
<div class="suggestionsBox" id="suggestions" style="display: none;">
            <img src="images/upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
            <div class="suggestionList" id="autoSuggestionsList">
                &nbsp;
            </div>

Answer 1

您可以使用以下代码行调用它：

$('#autoSuggestionsList').children('div').click(function () {
    showCar(this.innerHTML);
});

当然，如果您将每个结果放入一个新的div #autoSuggestionsList：

<div class="suggestionList" id="autoSuggestionsList">
    <div>First result</div>
    <div>Second result</div>                
</div>

小提琴：http://jsfiddle.net/NaYzm/

祝你好运！

从另一个Ajax调用Ajax

1 个答案: