title | wordpress_id | wordpress_url | date | tags | |
---|---|---|---|---|---|
jqGrid查询中文乱码问题解决办法(2011-11-11) |
961 |
2010-04-23 17:23:33 +0800 |
|
$.jgrid.ajaxOptions.type = 'post';上面的这段代码可以在项目的common.js中设置,这样所有的jqgrid的ajax请求都是用post发送,远离乱码……清净了! 哎呀,今天又是一个好日子,百年一遇的六一…… jqGrid是我用过最好的基于jQuery的列表插件,在项目中试用后效果很不错,基于jQuery UI的界面美观并且可以更好皮肤……
花了一天时间实现了增删改和查询功能,但是在查询中文的时候遇到了乱码问题……诡异,说一下情况:
- 我的开发环境是全站UTF-8,而且有编码Filter;
- jqGrid版本为:3.6.4
1、新增、编辑没有乱码问题
2、查询中文后台时得到的参数是乱码
然后就考虑了,如果是开发环境问题那肯定全部都有乱码问题,所以问题应该在jqGrid的查询函数里面,最后通过Firebug找到了:
c.find(".ui-search").click(function() {
这一行是查询功能的开始也就是点击“查询”的触发函数
所以根据以往的经验在这里把参数值编码一次就可以了,也就是encodeURIComponent函数具体修改如下:
- 找到第6202行
- 找到代码
var p = jQuery(this).find("select[name='field'] :selected").val(), g = jQuery(this).find("select[name='op'] :selected").val(), f = jQuery(this).find("input.vdata,select.vdata :selected").val();
- 现在看到这里的3行代码就是查询时获取参数的3个变量,我们要修改的就是这里,最终代码:
var p = encodeURIComponent(jQuery(this).find("select[name='field'] :selected").val()), g = encodeURIComponent(jQuery(this).find("select[name='op'] :selected").val()), f = encodeURIComponent(jQuery(this).find("input.vdata,select.vdata :selected").val());
--------------------------------分割线-----------------------------------
为了方便网友顺便提供本人修改后的jqGrid3.6.4版本的源码,分为3种类型(未压缩、迷你版、压缩版pack)
[download id="27" format="1"]
[download id="28" format="1"]
[download id="29" format="1"]
此版本是我修改后一直在项目中运行的,目前没有发现问题,特此公布,仅有min和pack版本 [download id="32" format="1"][download id="33" format="1"]