$(‘#suggestions').hide
; }
{ $.post("rpc.php", {queryString: ""+inputString+""}, function(data){
(data.length >0) { $(‘#suggestions').show
; $(‘#autoSuggestionsList').html(data);
}
});
}
} // lookup
function fill(thisValue) {
$(‘#inputString').val(thisValue);
$(‘#suggestions').hide
; }
</script>
JS
解释: 好
从上面代码看到我们需要连接到
个叫做rpc.php文件这个文件处理所有操作
lookup
使用从文本输入框中得到单词然后使用jQuery中Ajax思路方法POST把它传给rpc.php 如果输入
‘inputString'是‘0'(Zero译注:在这里是指在搜索框中没输入任何内容)建议框就被隐藏这也很人性化你想如果在搜索框中没有输入任何东西你也不期望会出现个建议提示框 如果输入框中有内容
我们就得到了这个 ‘inputString'并传递给rpc.php页面然后jQuery $.post被使用如下: $.post(url, [data], [callback])
‘callback'部分可以关联
个这个比较有意思只有在数据(data)被加载成功时候才会执行(译注:此处为意译没看懂原文:<). 如果返回
数据(data)不为空(也就是说有东西要显示)那就显示搜索提示框并且使用返回数据(data)来代替其中html代码 就这么简单！
最新评论