《使用jquery ajax phpmysql实现自动完成功能》.doc

使用jQuery(Ajax)/PHP/MySQL实现自动完成功能一如往常,demo和源码的zip包在文章最后,慢慢欣赏吧!我觉得我有必要写这个教程,因为曾经见到的大部分关于自动完成的应用程序都只是给你一个程序源码包,然后告诉你怎么使用,而不是告诉你它是如何工作的以及为什么这样做。而知道这些可以让你对这个插件可以进一步的按自己的需求定制(关于这一点我在我的blog里写过不少关于其他应用的文章)。好,我们现在开始。javascript代码:<scriptsrc="/html/jquery-"type="text/javascript"></script><scripttype="text/javascript">functionlookup(inputString){if(==0){//Hidethesuggestionbox.(‘#suggestions’).hide();}else{.post("",{queryString:""+inputString+""},function(data){if(>0){(‘#suggestions’).show();(‘#autoSuggestionsList’).html(data);}});}}//lookupfunctionfill(thisValue){(‘#inputString’).val(thisValue);(‘#suggestions’).hide();}</script>JS的解释:好,从上面的代码看到,,这个文件处理所有的操作。。如果输入字符‘inputString’是‘0’(Zero,译注:在这里是指在搜索框中没输入任何内容),建议框就被隐藏,这也很人性化,你想,如果在搜索框中没有输入任何东西,你也不期望会出现个建议提示框。如果输入框中有内容,我们就得到了这个‘inputString’,()函数被使用,如下:.post(url,[data],[callback])‘callback’部分可以关联一个函数,这个比较有意思,只有在数据(data)被加载成功的时候才会执行(译注:此处为意译,没看懂原文:<).如果返回的数据(data)不为空(也就是说,有东西要显示),那就显示搜索提示框并且使用返回的数据(data)来代替其中的html代码。就这么简单!PHP后台程序():如你所知(译注:不好意思,看王小波就学会了这么个口头禅),(RPC指远程过程调用),而没用它实际执行的功能来命名,但是也还不错了。//PHP5Implementation-=newmysqli(‘localhost’,‘root’,”,‘plete’);if(!db){//‘ERROR:Couldnotconnecttothedatabase.’;}else{//Isthereapostedq