jquery.form.js提交中文乱码

jquery.form.js用来提交表单是比较好用的，但由于它是用ajax来提交（即使用到utf-8），所以对于中文来说还是比较蛋疼，会有乱码，网上有不少人说到用过滤器（针对java的），也有些人说要在serlevt中增加编码转换，另外还有人说可以从js中解决。我是选择了最后一总，简单容易。下面是demo：

		<script type="text/javascript" src="/js/jquery.form.js"></script>
		<script type="text/javascript">
		$(document).ready(function() { 
		    var options = { 
		    	contentType: "application/x-www-form-urlencoded;charset=utf-8", 
		        success: showResponse
		    }; 
		    $('#addForm').submit(function() {
		    	alert("submit"); 
		        $(this).ajaxSubmit(options); 
		        return false; 
		    }); 
		}); 

		......................
		</script>

		<form method="post" action="/activity/add" id="addForm">
			......................
		</form>

  

 最关键就是增加了contentType: "application/x-www-form-urlencoded;charset=utf-8" 这行代码。

 

 

 

为什么需要增加这一条呢？在这个http://www.jb51.net/article/24097.htm

 

在Firefox中，Content-Type指定了字符集为utf-8。而在IE中是不指定（似乎chrome也没有），所以就会导致乱码。

 

 

另外：jquery中使用ajax做post提交，同样会出现这个问题，同样的解决办法

 

$.ajax({

type: op.type || 'GET',

url: op.url,

data: op.data,

cache: false,

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

success: function(response){

}

});

 

评论

1 楼 caojian43 2012-08-02  

我的jsp以及java后台都是GBK的编码格式，使用LZ的方法不可行·····