JQuery和JSON方式参数传递并处理JAVAWEB中文乱码问题

时间：2021-03-11 23:38:39

本文主要讲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中文乱码问题的更多相关文章

  1. jquery插件导出excel和pdf（解决中文乱码问题）

    参考文件:http://jackyrong.iteye.com/blog/2169683 https://my.oschina.net/aruan/blog/418980 https://segmen ...

  2. JavaWeb中文乱码问题解决思路

    1.提交页面请求或者服务器端的响应时,需要确保页面编码当时与服务器编码方式是否一致. 2.对于从服务器写入数据库中的数据和从数据库中读取到服务器中的数据,需要确保服务器编码方式与数据库编码方式是否一致 ...

  3. JQuery以JSON方式提交数据到服务端

    JQuery将Ajax数据请求进行了封装,从而使得该操作实现起来容易许多.以往我们要写很多的代码来实现该功能,现在只需要调用$.ajax()方法,并指明请求的方式.地址.数据类型,以及回调方法等.下面 ...

  4. ajax中url赋json格式的值时发生中文乱码的相关问题

    具体流程:转入到jsp界面时会加载ajax,ajax转到url时传带hide在jsp界面的值titleString,其来源见下面的代码. String title=new String("\ ...

  5. 如何解析DELPHI XE5服务器返回的JSON数据（翻译）及中文乱码

    <span style="font-size:14px;">一直想找如何解析JSON数据的说,今天终于找到有人发帖子了.之前有人说用superobject,Tlkjso ...

  6. jquery中使用serialize&lpar;&rpar; 序列化表单时 中文乱码问题

    序列化中文时之所以乱码是因为.serialize()调用了encodeURLComponent方法将数据编码了 解决方法就是进行解码 1 原因:.serialize()自动调用了encodeURICo ...

  7. jQuery使用serialize&lpar;&rpar;表单序列化时出现中文乱码问题&amp&semi;js获取url中的参数&comma;并保证获取到的参数不乱码

    序列化中文时之所以乱码是因为.serialize()调用了encodeURLComponent方法将数据编码了 解决方法就是进行解码 原因:.serialize()自动调用了encodeURIComp ...

  8. JSON数据显示在jsp页面上中文乱码的解决办法

    在@RequestMapping属性添加属性produces = "text/html;charset=utf-8",设置字符集为utf-8即可 代码如下: @RequestMap ...

  9. jsp get方式请求参数中包含中文乱码问题解决

    1. 自己接收到参数之后在后台进行转码处理 2: 修改tomcat的配置文件  server.xml <Connector port="8080" protocol=&quo ...

随机推荐

  1. MySQL Binlog 【ROW】和【STATEMENT】选择&lpar;转&rpar;

    前言:       二进制日记录了数据库执行更改的操作,如Insert,Update,Delete等.不包括Select等不影响数据库记录的操作,因为没有对数据进行修改.二进制主要的功能有:复制(Re ...

  2. ecshop 改变sitemap&period;xml的位置

    大家知道ECSHOP默认的sitemap.xml文件是放置在data文件夹中的,但是这不利于GOOGLE的抓取.我们必须把sitemap.xml文件放置在根目录下 在admin/sitemap.php ...

  3. JavaScript高级程序设计&lpar;十&rpar;：数组类型

    先导: 访问对象属性使用的都是点表示法.另外,我们还可以使用方括号表示法来访问对象的属性.在使用方括号的时候,应该将要访问的属性以字符串的形式放到方括号中.这两种方法没有什么区别.但是方括号的优点是可 ...

  4. 转：WebDriver&lpar;Selenium2&rpar; 判断页面是否刷新的方法

    public static boolean waitPageRefresh(WebElement trigger) { int refreshTime = 0; boolean isRefresh = ...

  5. idea 报错 ：error&colon;java&colon;Compilation failed&colon;internal java compiler error

    当使用Tomcat运行项目时报错 翻译一下是 错误:Java:编译失败:内部Java编译器错误 这样看来更不理解了 其实原因是Java的版本不一致 查看项目的jdk版本是否一致: file----pr ...

  6. linux的越墙方法

    .首先要安装openSSH, Ubuntu缺省没有安装SSH Server,使用以下命令安装: sudo apt-get install openssh-server 但是系统有时候会出现E类错误,无 ...

  7. session&lowbar;id 生成原理

    PHPSESSID生成 生成规则是根据hash_func散列来生成的,相关的参数有: - 客户端IP - 当前时间(秒) - 当前时间(微妙) - PHP自带的随机数生产器 hash_func是php ...

  8. xtrabackup安装使用及原理

    Xtrabackup是由percona提供的mysql数据库备份工具,据官方介绍,这也是世界上惟一一款开源的能够对innodb和xtradb数据库进行热备的工具.Xtrabackup中主要包含两个工具 ...

  9. 20170523xlVBA多条件分类求和一例

    Public Sub NextSeven_CodeFrame() Application.ScreenUpdating = False Application.DisplayAlerts = Fals ...

  10. 西邮Linux兴趣小组纳新笔试试题

    下面是西邮Linux小组今年纳新的笔试试题 1. 下面这个程序的输出结果是什么? int main() { int a = (1, 2); printf(“a = %d\n”, a); return ...

相关文章