js传值后台中文出现乱码的解决方法


Posted in Javascript onJune 30, 2016

本文实例讲述了js传值后台中文出现乱码的解决方法。分享给大家供大家参考,具体如下:

在“test.jsp”页面中,需要通过js将值传递到后台,后台根据传递的值进行数据查询时,通过test.jsp的js进行编码(标注部分的代码),后台Java解码(注释标注部分为解码),可以解决

test.jsp:

<script type="text/JavaScript" charset="UTF-8">
function test()
{
//下面2行代码为对js传递的值进行编码:
   var faultAddr = encodeURI(document.getElementById("faultAddr").value);
  faultAddr = encodeURI(faultAddr); //需要通过两次编码
  window.frames["listframe"].location.href ="queryorderList.action?faultAddr=" + faultAddr ;
}
</script>
……
<tr>
<td height="5%" width="50">投诉地址</td>
  <td>
    <input id="faultAddr" maxlength="300" size="10" name="faultAddr" type="text" value=""/>
  </td>
</tr>

java代码:

String faultAddr =request.getParameter("faultAddr");
try{
  faultAddr = URLDecoder.decode(faultAddr , "utf-8");//编码解码
}catch(Exception e){
  e.printStackTrace();
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
js实现兼容IE6与IE7的DIV高度
May 13 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
Aug 14 Javascript
node.js中的path.normalize方法使用说明
Dec 08 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
Aug 18 Javascript
深入理解jQuery layui分页控件的使用
Aug 17 Javascript
浅谈jQuery效果函数
Sep 16 Javascript
JS实现复制功能
Mar 01 Javascript
JavaScript使用Ajax上传文件的示例代码
Aug 10 Javascript
Vue的移动端多图上传插件vue-easy-uploader的示例代码
Nov 27 Javascript
vue.js element-ui validate中代码不执行问题解决方法
Dec 18 Javascript
关于redux-saga中take使用方法详解
Feb 27 Javascript
pnpm对npm及yarn降维打击详解
Aug 05 Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 #Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
Jun 30 #Javascript
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
Jun 30 #Javascript
浅谈js图片前端预览之filereader和window.URL.createObjectURL
Jun 30 #Javascript
浅谈JS中json数据的处理
Jun 30 #Javascript
原生js实现自由拖拽弹窗代码demo
Jun 29 #Javascript
JS中Json数据的处理和解析JSON数据的方法详解
Jun 29 #Javascript
You might like
在MongoDB中模拟Auto Increment的php代码
2011/03/06 PHP
如何解决PHP无法实现多线程的问题
2015/09/25 PHP
php文件上传后端处理小技巧
2016/05/22 PHP
菜鸟javascript基础资料整理2
2010/12/06 Javascript
jQuery EasyUI API 中文文档 - Draggable 可拖拽
2011/09/29 Javascript
详解Webwork中Action 调用的方法
2016/02/02 Javascript
Bootstrap教程JS插件弹出框学习笔记分享
2016/05/17 Javascript
jQuery插件扩展测试实例
2016/06/21 Javascript
浅析Jquery操作select
2016/12/13 Javascript
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
2017/03/10 Javascript
Angularjs实现上传图片预览功能
2017/09/01 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
2017/09/22 jQuery
Vue通过URL传参如何控制全局console.log的开关详解
2017/12/07 Javascript
vue如何在自定义组件中使用v-model
2018/05/14 Javascript
layui表格数据重载
2019/07/27 Javascript
小程序如何定位所在城市及发起周边搜索
2020/02/11 Javascript
跟老齐学Python之变量和参数
2014/10/10 Python
python实现根据月份和日期得到星座的方法
2015/03/27 Python
python3 实现的人人影视网站自动签到
2016/06/19 Python
python实现将excel文件转化成CSV格式
2018/03/22 Python
对Python中TKinter模块中的Label组件实例详解
2019/06/14 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
ipad上运行python的方法步骤
2019/10/12 Python
使用Python+selenium实现第一个自动化测试脚本
2020/03/17 Python
Pytorch通过保存为ONNX模型转TensorRT5的实现
2020/05/25 Python
python是怎么被发明的
2020/06/15 Python
Python使用Selenium实现淘宝抢单的流程分析
2020/06/23 Python
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
国际旅客访问北美最大的汽车租赁提供商:Alamo Rent A Car
2018/06/13 全球购物
韩语专业职业生涯规划范文:成功之路就在我们脚下
2014/09/11 职场文书
幼儿园感谢信
2015/01/21 职场文书
安全承诺书格式范本
2015/04/28 职场文书
就业推荐表院系意见
2015/06/05 职场文书
2016年社区服务活动总结
2016/04/06 职场文书
nginx配置proxy_pass中url末尾带/与不带/的区别详解
2021/03/31 Servers
一文弄懂MySQL中redo log与binlog的区别
2022/02/15 MySQL