JQuery和JSON方式参数传递并处理JAVAWEB中文乱码问题
本文主要讲springMVC中视图和控制器之间常用的两种传递参数的方式:
1、JQuery
2、JSON
一、JQuery方式
思路:单击按钮后,触发JQuery事件,而提交整个表单
JSP中
<script type="text/javascript">
function addUser(){
var form=document.form[];
form.action="/springMVC/user/data/addUser";
form.method="get";
form.submit();
}
</script>
<body>
<h>添加用户</h>
<form action="">
姓名:<input type="text" name="username"/>
年龄:<input type="text" name="age"/>
<input type="button" value="添加" onclick="addUser()">
</form>
</body>
Controller中
JSP和Controller中的参数要一致
@Controller
@RequestMapping("/user/data")
public class DataController {
//一种:直接获取参数
@RequestMapping("/addUser")
public String addUser(String username,String age,HttpServletRequest request){
request.setAttribute("username",username);
request.setAttribute("age", age); return "/userManager";
}
//另一种:通过User实体获取参数
@RequestMapping("/addUser")
public String addUser(User user,HttpServletRequest request){
request.setAttribute("username",user.getUsername);
request.setAttribute("age", user.getAge); return "/userManager";
}
}
如何解决JAVA WB的中文乱码?
1、JSP中定义页面的编码方式:UTF-8
<%@ page language="java" pageEncoding="UTF-8"%>
2、设置服务器(此处为tomcat)URIEncoding="UTF-8"
...\tomcat\apache-tomcat-6.0.35\conf\server.xml
<Connector URIEncoding="UTF-8" port="" protocol="HTTP/1.1"
connectionTimeout=""
redirectPort="" />
此处只能解决GET提交的乱码问题,而不能解决POST提交!主要是由于传参方式不同
解决POST的乱码问题,请参见以下方案:
3、spring配置文件中用filter过滤
在初始化的时候设置ForceEncoding为强制编码True
url-pattern中:设置*.jsp表示对所有jsp页面过滤;设置为*/表示对所有请求过滤
<filter>
<filter-name>encodingFilter</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>UTF-</param-value>
</init-param>
<init-param>
<param-name>forceEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>encodingFilter</filter-name>
<url-pattern>/*.jsp</url-pattern>
</filter-mapping>
二、JSON方式
思路:通过控件的ID获取值,然后转化为JSON格式进行传递
此处容易出现问题:POST提交正常,GET提交乱码
解决方案:先JQuery中将获取的值用encodeURI分别进行编码,后controller中取出的时候用URLDecoder.decode分别进行解码即可。
JSP中
用encodeURI分别进行编码
<script type="text/javascript">
$(document).ready(function(){
$("add").click(function(){
var userName=encodeURI($("#username").attr("value"));
var age=encodeURI($("#age").attr("value")); var user={userName:userName,age:age}; $.ajax({
url:"/springMVC/user/data/addUser",
type:"get",
data:user,
success:function(data){
alert("userName->"+data.userName+"age->"+data.age);
}
})
})
})
</script>
<body>
<h>添加用户</h>
<form action="">
姓名:<input type="text" name="username"/>
年龄:<input type="text" name="age"/>
<input type="button" value="添加" name="add">
</form>
</body>
Controller中
用URLDecoder.decode(String)解码
<p>@Controller
@RequestMapping("/user/data")
public class DataController {</p><p> //通过User实体获取参数</p><p> @RequestMapping("/addUserJson")
public void addUser(User user,HttpServletRequest request,HttpServletResponse response){
</p><p> //将参数解码</p><p> String userName=URLDecoder.decode(user.getUsername,"UTF-8");
String age=URLDecoder.decode(user.getAge,"UTF-8"); //将获取的参数拼接为JSON格式,后传递到前台显示
//{"userName":"userName","age":"age"}
String result="{\"userName\":\" "+user.getUserName()+" \",\"age\":"+user.getAge()+"\"}";
PrintWriter out=null;
response.setContentType("application/json") try {
out=response.getWriter();
out.write(result);
} catch (IOException e) {
e.printStackTrace();
}</p><p> }
}
</p>
总结:
SpringMVC 页面和控制器之间的传递参数的方式,本文只介绍了最常用的两种方式(JQuery+JSON),重点掌握:JAVA WEB的中文乱码问题。
首先要设置JSP中的编码方式为UTF-8
JQuery方式中,若为GET提交方式乱码,可更改服务器的编码方式;若为POST方式乱码,可配置filter进行过滤
JSON方式中,一般用POST提交方式,正常;若采用GET方式提交,一定要对传递的参数分别进行编码和解码。
JQuery和JSON方式参数传递并处理JAVAWEB中文乱码问题的更多相关文章
- jquery插件导出excel和pdf(解决中文乱码问题)
参考文件:http://jackyrong.iteye.com/blog/2169683 https://my.oschina.net/aruan/blog/418980 https://segmen ...
- JavaWeb中文乱码问题解决思路
1.提交页面请求或者服务器端的响应时,需要确保页面编码当时与服务器编码方式是否一致. 2.对于从服务器写入数据库中的数据和从数据库中读取到服务器中的数据,需要确保服务器编码方式与数据库编码方式是否一致 ...
- JQuery以JSON方式提交数据到服务端
JQuery将Ajax数据请求进行了封装,从而使得该操作实现起来容易许多.以往我们要写很多的代码来实现该功能,现在只需要调用$.ajax()方法,并指明请求的方式.地址.数据类型,以及回调方法等.下面 ...
- ajax中url赋json格式的值时发生中文乱码的相关问题
具体流程:转入到jsp界面时会加载ajax,ajax转到url时传带hide在jsp界面的值titleString,其来源见下面的代码. String title=new String("\ ...
- 如何解析DELPHI XE5服务器返回的JSON数据(翻译)及中文乱码
<span style="font-size:14px;">一直想找如何解析JSON数据的说,今天终于找到有人发帖子了.之前有人说用superobject,Tlkjso ...
- jquery中使用serialize() 序列化表单时 中文乱码问题
序列化中文时之所以乱码是因为.serialize()调用了encodeURLComponent方法将数据编码了 解决方法就是进行解码 1 原因:.serialize()自动调用了encodeURICo ...
- jQuery使用serialize()表单序列化时出现中文乱码问题&js获取url中的参数,并保证获取到的参数不乱码
序列化中文时之所以乱码是因为.serialize()调用了encodeURLComponent方法将数据编码了 解决方法就是进行解码 原因:.serialize()自动调用了encodeURIComp ...
- JSON数据显示在jsp页面上中文乱码的解决办法
在@RequestMapping属性添加属性produces = "text/html;charset=utf-8",设置字符集为utf-8即可 代码如下: @RequestMap ...
- jsp get方式请求参数中包含中文乱码问题解决
1. 自己接收到参数之后在后台进行转码处理 2: 修改tomcat的配置文件 server.xml <Connector port="8080" protocol=&quo ...
随机推荐
- VirtualBox中的Ubuntu没有权限访问共享文件夹/media/sf_bak
之前已经搞定可以自动共享文件夹了,但是现在发现无法去访问,非root用户下,使用“ls /media/sf_bak”提示没有权限,当然如果切换到root,是可以的. [解决过程]1.把普通用户名加入到 ...
- From Ontology to Semantic Web
Ontology(本体论)用于描述事物的本质(Gruber,1995).这个词在人工智能.计算机语言以及数据库理论中扮演者越来越重要的作用.在实现上,本体论是概念化的详细说明,一个ontology往往 ...
- 算法学习笔记(三) 最短路 Dijkstra 和 Floyd 算法
图论中一个经典问题就是求最短路.最为基础和最为经典的算法莫过于 Dijkstra 和 Floyd 算法,一个是贪心算法,一个是动态规划.这也是算法中的两大经典代表.用一个简单图在纸上一步一步演算,也是 ...
- c语言中float、double、long double在内存中存储方式
存储格式中的二机制转为浮点数: 浮点型变量在计算机内存中占用4个字节(4 Byte),即32-bit,一个浮点数由2部分组成:底数m 和 指数e: 底数部分:使用2进制数来表示此浮点数的实际值: 指 ...
- eclipse No Default Proposals 无提示
链接地址:http://blog.csdn.net/rogerjava/article/details/5689785 今天特抑郁,早上开机后发现eclipse的代码提示功能不好使了,Alt+/ 这么 ...
- 一个故事讲清楚NIO(转)
转载请引用:一个故事讲清楚NIO 假设某银行只有10个职员.该银行的业务流程分为以下4个步骤: 1) 顾客填申请表(5分钟): 2) 职员审核(1分钟): 3) 职员叫保安去金库取钱(3分钟): 4) ...
- Oracle百问百答(二)
Oracle百问百答(二) 11. nvl函数有什么用? NVL( string1, replace_with) 功能:如果string1为NULL,则NVL函数返回replace_with的值,否则 ...
- poj3070 Fibonacci 矩阵快速幂
学了线代之后 终于明白了矩阵的乘法.. 于是 第一道矩阵快速幂.. 实在是太水了... 这差不多是个模板了 #include <cstdlib> #include <cstring& ...
- 圣魔大战3(Castle Fantisia)艾伦希亚战记完美攻略
作为城堡幻想曲系列续作,艾伦希亚战记继承了前作的战棋+养成模式进行游戏. (城堡幻想曲3,纠正大家个错误哦,不是圣魔大战3,圣魔大战是城堡幻想曲2,圣魔大战不是个系列,艾伦西亚战记==艾伦希亚战记,一 ...
- 网盘大全, 邮箱大全 good
网盘推荐 115网盘 注册 百度网盘 注册 微云 注册 360云盘 注册 金山快盘 注册 新浪微盘 注册 和彩云 注册 酷盘 注册 OneDrive 外链 BOX 注册 Dropbox 注册 国内网盘 ...