???? 最近做的一个项目用到了jQueryUI 的autocomplete插件,遇到了若干问题,记录下以便备用。
?
???? 1.修改source里默认的ajax参数
???? 官方给出的api中source的一种形式为:
?
function(request,response){ $.ajax({ url: "getdata.php", dataType: "json", type:'post', data:request, success:function(data){ response(data); } }); }
???????? 其中,request为autocomplete自动构建的POST参数,为term="keyword"形式,"keyword"就是input中的值。
??????? 显然这种形式不能满足我要传递更多参数的需求,经研究发现request是一个object对象,
??????? 既然如此,可以通过request['key'] = "value"的形式来增加所需的参数,同时可以对用户输入进行一些处理。
?
???? 2.为动态创建的input绑定autocomplete
$("input.iupac").live("keydown.autocomplete",function(){ $(this).autocomplete({ minLength:1, width:100, source:function(request,response){ request['term'] = encodeHTML(request['term']); ? //处理,转义用户输入 request['action'] = "getsuggest"; request['tb'] = "huahewu"; $.ajax({ url: "getdata.php", dataType: "json", type:'post', data:request, success:function(data){ response(data); } }); } }); }); $('input.iupac').live( "input.autocomplete", function(){ $(this).trigger('keydown.autocomplete'); });
???????? 由于项目中需要动态添加一些input,而且都要绑定autocomplete,jQueryUI官方没有提供相关的api,最终在stackoverflow中找到以上解决办法,同时解决了在FireFox中中文输入无效的问题。
?
?