JQuery UI autocomplete 中文乱码的解决方法

2010-10-14 13:56

 

JQuery UI autocomplete 的功能,类似于 google 搜索框中自动提示,用于 Web 网页开发中的文本框的自动填充。虽然比另一个类似控件( http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/)简单,但基本功能都有,配合 JQuery UI 可切换网页界面皮肤的辅助功能,仍然值得一用。

 

只是JQuery UI autocomplete 默认的用法,中文搜索自动提示会有乱码。

原因在于它默认使用


 $.getJSON( url, request, response );

		

来获取后台数据,这时候 request 中的搜索字符串以未编码格式,通过 HTTP GET 提交到后台服务器,导致后台读取数据乱码。

网上介绍的解决办法,大多需要同时在网页处、后台 J2EE server 读数据处进行两次 URI encode/decode,甚至有人建议直接更改 JQuery UI autocomplete 代码,这都很麻烦,不是最佳解决方案。

这里介绍一种方法,那就是把 JQuery UI autocomplete 的 source 参数,从 url 改成一个 javascript 函数,通过 Ajax POST 方式,获取数据,然后在网页上下拉提示,代码很简单:


 function bind_autocomplete_event(var_jquery_obj,var_url){
 var_jquery_obj.autocomplete({
  source:function(request_paramters,response_callback){
   //JQuery UI 默认使用 getJSON 提交数据,中文会乱码,改成用 post 提交
   jq.post(var_url,request_paramters,function(data,status){
    response_callback(data);
   });
  }
 });
}
		

调用方法:

原来的 JQuery UI autocomplete 调用方法:


$("#partCd").autocomplete({

source:'../autocomplete/tm_part'

});


		

更改后的调用方法:


bind_autocomplete_event($("#partCd"),'../autocomplete/tm_part');

		

很简单,对不对?

 

 

欢迎转载,转载请注明出处: https://www.zheguisoft.com/staff_blogs/jacklondon_chen/2010, 及 https://blog.csdn.net/jacklondon/article/details/5940643?spm=1001.2014.3001.5501