jquery之交付序列化表单(serialize)及乱码处理

最新推荐文章于 2021-08-01 23:00:54 发布

arthur.dy.lee

最新推荐文章于 2021-08-01 23:00:54 发布

阅读量7.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： jquery serialize乱码

本文链接：https://blog.csdn.net/paincupid/article/details/50422535

jquery 专栏收录该内容

22 篇文章

订阅专栏

本文介绍如何使用jQuery的serialize方法提交表单，并针对提交过程中可能出现的乱码问题提供解决方案，包括修改jQuery源码和设置正确的字符编码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery之提交序列化表单(serialize)及乱码处理

1 提交乱码处理
JSP文件声明如下

<%@ page language="java" pageEncoding="UTF-8"%>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>

永久的处理方式：

修改jquery1.4.3.js源代码解决:
找到:

　　contentType: application/x-www-form-urlencoded

替换为:

　　contentType: "application/x-www-form-urlencoded;charset=UTF-8"

要不然，每个请求前都要加

contentType: "application/x-www-form-urlencoded;charset=UTF-8"

$("#search_btn1").click(function(){
			var submitData = $('#searchForm1').serialize();
			alert(submitData);
	        $.ajax({
	            type: "POST",
	            dataType: "json",
	            contentType: "application/x-www-form-urlencoded;charset=UTF-8",
	            url: '${pageContext.request.contextPath}/jsonparam/getForm',
	            data: $('#searchForm1').serialize(),
	            success: function (data) {
	            	var f = data.success;
	            	if (data.success == true) {
	     	            var retlist = data.result;
	     	            alert(retlist.length);
	     	          }
	            },
	            error: function(data) {
	                alert("error:"+data.responseText);
	             }
	
	        });
	});

2 从后台返回中文字符串，前台报错或者为乱码的处理

示例代码：添加发送信息前添加头部编码:
response.setCharacterEncoding("UTF-8");
//response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
out.print("测试");

如果是用jquery.form.js提交form所产生的乱码：

找到这个jquery.form.js,将

var mp = 'multipart/form-data';

修改成：

var mp = 'multipart/form-data;charset=UTF-8';

使用$param的方法进行序列化的时候，是乱码的话，修改jquery-1.4.4.min.js

先搜索到：param:function

将里面的 encodeURIComponent改成

decodeURIComponent