easyui combobox url中文乱码问题

最新推荐文章于 2019-07-11 22:42:41 发布
原创 最新推荐文章于 2019-07-11 22:42:41 发布 · 3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了解决EasyUI组件在处理含有中文字符的URL请求时出现乱码的问题。通过对请求参数使用特定的编码转换方法，成功解决了后台控制器接收到的数据乱码现象。

easyui url中包含中文请求参数  例如   url+中文

传到后台后 controller层处理时会中文乱码。最终经过排查和处理找到根本原因。easyui combobox中的 的url经过了 js方法 encodeURI（）处理。所以在controller处理时需要对encodeURL进行转码。下面是转码方法

String s = new String(request.getParameter("name").getBytes("ISO8859-1"), "UTF-8");

EasyUi的使用与代码编写(二)
悦分享
08-27 371
EasyUi的使用与代码编写(二) EasyUi组件 EasyUI组件的简单介绍 　　easyUI提供了很多组件让我们使用，如下图所示： 　　 　　使用这些组件可以帮助我们快速地进行项目开发，下面以一个用户登录程序为例讲解EasyUI组件的使用 EasyUI组件的使用 创建测试的JavaWeb项目 　　 编写测试代码 　　编写一个用户登录页面Login1.html，用于输...
url中拼接中文参数，后台接收为乱码的问题
学英语的程序员
07-17 2444
现实项目中遇到页面URL中文中文参数传值到，后台解析为乱码 遇到在URL中拼接中文的参数，后台拿到的数据为乱码的问题，这里来说一下问题出现的原因与解决方法。 大家比较关心的应该是解决的方法，因此先说解决方法。 解决方法 解决的方法是在客户端对这个中文参数进行编码，然后服务端再进行响应的解码就行了。 客户端编码（JavaScript） 页面 var url = "contract!select.action?chineseParam=" + encodeURI(encodeURI("我是中文参
解决easyUI下拉框页面取值，传到后台中文乱码问题
qq_28584169的博客
07-06 721
这里有两个问题，一个是子级联动，传到后台乱码问题，导致子下拉框没有数据 如图所示，解决办法是在Tomcat的server.xml中找到Tomcat启动端口在后面添加URIEncoding="UTF-8"（server.xml在Tomcat安装目录conf中） 如果还不行，请在转码一下combobox的URL,如 var url="localhost:8080/xxx/xxx.do?param...
EASYUI combobox firefox 下不支持中文检索的问题
EagleHao的博客
12-09 1243
EASYUI combobox firefox 下不支持中文检索的问题
easyUI 转为中文
Nothing
03-28 1724
今天在使用的easyUI框架时，发现都是英文，包括日期控件，分页。easyUI作为优秀的开源框架怎么会没有中文呢，不只是中文还有日语，法语等，所以真正的实现了国际化。 下面是国际化语言包，easyUI只带的，。 我们需要引入那个国家的语言，只需在自己的页面上引入js语言包文件。 或者是重新easyUI默认的方法。代码如下 ， /* 扩展easyui中的控件方法或修改其默认属性
EXT combobox控件异步提交到后台中文乱码解决方案
bingo6001的专栏
11-15 302
序：所有文件都是GBK编码，JSP定义的是GBK编码，EXT文件也另存为了GBK编码。 项目里用ext的combobox控件做了一个动态下拉菜单，因为数据量可大可小，所以没有预先将数据加载到前台jsp，而是实时查询后台所有符合条件的数据。对于简拼和全拼的查询支持较好，但是输入中文却一直没法得到正确的搜索结果，debug后台代码，发现从前台传过来的数据是乱码。 后来在...
easyui-combobox 实现简单的自动补全功能示例
10-18
由于EasyUI组件在获取参数时可能会遇到乱码问题，文件中提到了一种解决方法，即使用ISO-8859-1编码方式获取参数，然后将其转换为UTF-8编码。这样可以确保从客户端接收到的字符编码不会出现乱码。 4. 数据查询与返回...
EasyUI学习之Combobox下拉列表(1)
08-31
对于解决浏览器的汉字乱码问题，通常情况下，如果是从服务器端加载数据，需要确保服务器端在返回数据时正确设置了字符编码为UTF-8，这样就不会有乱码问题。如果客户端出现乱码，通常需要在客户端适当设置字符编码。 ...
easyui combogrid onChanage 问题
javald的专栏
06-24 1713
easyui combogrid onChanage 输入中文的问题. 这里大家也可以讨论一下   就是输入中文的时候就触发了. 可不可以完全输入中文在触发.  方案: 1.延迟   -不行因为你不知道什么时候输入完成.             2.触发空格键触发               3.回车键触发.       4.失去焦点触发.            5.判断输入的是否为中
<input id="470EOO3E" class="easyui-combobox" name="company_id" data-options=" disable:true,prompt:'',required:true,editable:true,valueField:'id',textField:'qymc',cascadeCheck:true,height:'26px'" style="width: 55%; height: 26px;" />默认禁止选择
最新发布
10-30
<input id="470EOO3E" class="easyui-combobox" name="company_id" data-options=" disabled: true, // ✅ 正确拼写：disabled 而不是 disable prompt: '', required: true, editable: true, valueField: 'id'...
Combobox输入拼音显示汉字
06-08
Silverlight combobox，实现输入拼音显示对应的所有的汉字 具体描述请参考 http://blog.youkuaiyun.com/u010254787/article/details/29359703
后台请求接收参数乱码
i_yuanpeng的博客
01-18 1055
后台接收参数后出现乱码，这种问题是前后编码方式不同，解决方法如下：             前台两次编码，后台一次解码； 前端解码如下： var name = $("#test").val(); var type = encodeURI(encodeURI(name)); 后台解码如下： String type = request.getParameter("type"); String t...
JQuery EasyUi Combobox 中获取中文值为乱码
weixin_30621919的博客
03-28 548
1、案例还原 combobox的生成示例： <select name="cb" id="cb" class="easyui-combobox"> <option value="test">test</option> <option value="测试">测试</option> </s...
easyUI中combobox中中文不支持的问题
gongchenggou的博客
03-25 2030
做一个实现在easyui-combobox组件中 进行中文输入实现后台查询的功能时遇见的BUG easyui中combobox组件，在使用下拉框时， 调用改插件的mode:remote 方法时 该组件默认检测的时英文输入状态下的字符输入  也就是键盘上的keydown的事件  所以当要想输入中文进行查询时 在输入中文时 并不会触发keydown事件 此时点击shift按键 就会触发k
EasyUI DataGrid中URL中文乱码的解决办法
飞起来的小猪的博客
04-30 4111
今天在用学习EasyUI的DataGrid时，发现在URL中包含中文参数时，后台会变成乱码，查找API后找到解决办法！错误的的写法： 正确的写法：
jQuery combobox解决检索中文问题
D1208的专栏
10-09 2676
今天同事问了一个问题，就是jQuery的combobox不能检索中文的问题，需求是在combobox里面输入汉字，下拉框的值能自动检索匹配。 开始我从网上找到了一个解决办法，就是在jquery.easyui.min.js里面给combobox的内置".combo-text"绑定一个input事件即能搞定，这个可以参考jQuery EasyUI Combobox无法检索中文输入的问题（备注：这
easyui使用时，组件中有中文的，在前台页面上显示乱码，如何解决
weiyifang11的博客
07-11 7022
easyui的组件使用出现乱码问题 1.1 datagrid组件的分页出现乱码问题 在引入easyui的文件后，使用easyui的组件datagrid的时候，使用分页栏的时候，前台页面上分页栏上都是显示的乱码，如下图所示： 可以看到，我们使用easyui的组件时，出现了乱码的问题，其实根本原因在于，我们使用easyui的汉化包没有起到作用，因为在easyui的汉化的js文件中，其实是有对分页栏的乱...
EasyUI Combobox 验证问题
06-06
### 解决方案 在 EasyUI Combobox 中实现验证功能，可以通过扩展 `validatebox` 的规则来完成。以下是一个完整的解决方案，包含代码示例和详细说明。 #### 1. 扩展验证规则 通过扩展 `validatebox` 的默认规则，可以为 Combobox 添加自定义验证逻辑。以下代码展示了如何实现必填验证[^2]： ```javascript $.extend($.fn.validatebox.defaults.rules, { selectValueRequired: { validator: function (value, param) { // 检查 Combobox 的值是否存在于选项中 return $(param[0]).find("option:contains('" + value + "')").val() !== ''; }, message: '请选择一个有效的值。' } }); ``` 上述代码中，`selectValueRequired` 是新增的验证规则，用于检查 Combobox 的值是否有效。如果未选择任何值或选择了无效值，则会触发验证错误提示。 #### 2. 应用验证规则 在 HTML 中定义 Combobox，并应用扩展的验证规则。以下是一个示例： ```html <select id="myCombobox" class="easyui-combobox" name="category" style="width:200px;" data-options="url:'combobox_data.json', method:'get', valueField:'id', textField:'text', required:true"> </select> ``` 同时，在页面加载时初始化验证规则： ```javascript $('#myCombobox').combobox({ onChange: function (newValue) { $('#myCombobox').validatebox('validate'); // 触发验证 } }).validatebox({ rules: { selectValueRequired: ['#myCombobox'] // 应用自定义规则 } }); ``` 此处的 `onChange` 方法会在 Combobox 值发生变化时触发验证，确保用户选择的值符合要求。 #### 3. 处理模糊查询 如果需要支持模糊查询功能，可以在 Combobox 的配置中添加 `filter` 属性。以下是一个示例[^3]： ```javascript $('#myCombobox').combobox({ filter: function (q, row) { var opts = $(this).combobox('options'); return row[opts.textField].indexOf(q) > -1; // 支持模糊匹配 } }); ``` 此代码允许用户输入部分文本即可匹配到对应的选项。 #### 4. 显示校验提示 为了确保用户能够看到验证错误提示，可以使用 EasyUI 提供的 `validatebox` 插件[^4]。例如： ```javascript $('#myForm').form({ validate: true, onSubmit: function () { return $(this).form('validate'); // 表单提交前验证 } }); ``` 当表单提交时，如果 Combobox 的值未通过验证，系统会自动显示错误提示信息。 --- ### 注意事项 - 确保 Combobox 的 `required` 属性设置为 `true`，以启用必填验证。 - 如果 Combobox 的数据来源是远程服务器，需确保返回的数据格式正确，通常为 JSON 格式。 - 在扩展验证规则时，注意避免与现有规则冲突。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值