jquery的$('#theForm').serialize()获取表单数据，ajax传递到服务器中文乱码。_js中jquery.ajax传递form表单数据中文乱码-优快云博客

本文介绍了一个常见的AJAX请求中遇到的数据乱码问题及其解决方案。通过将请求方式从默认的GET改为POST，成功解决了传送到后台的数据出现乱码的情况。

var params = $('#theForm').serialize();
			params = decodeURIComponent(params,true);
			
			$.ajax({
				url : "$!webPath/cart_address_save_ajax.htm",
				dataType : "JSON",
				data : params,
				success : function(data) {
					var areaInfo = "";
					if(data.area_info){
						areaInfo = data.area_info + areaInfo;
					}
					if(data.area && data.area.areaName){
						areaInfo = data.area.areaName + areaInfo;
						if(data.area.parent && data.area.parent.areaName){
							areaInfo = data.area.parent.areaName + areaInfo;
							if(data.area.parent.parent && data.area.parent.parent.areaName){
								areaInfo = data.area.parent.parent.areaName + areaInfo;
							}
						}
					}
					$('#name').val(data.trueName);
	  				$('#zip').val(data.zip);
	  				$('#tel').val(data.mobile);
	  				$('#place').val(areaInfo);
  					$("#addr_id").val(data.id);
  					$('#newAdd').hide();
  					$(".mark").hide();
				}
			});

这样写传到后台，获取的时候还是会出现乱码。后来发现ajax默认是get的传值方法。后来改成post就没有问题了：

var params = $('#theForm').serialize();
			params = decodeURIComponent(params,true);
			
			$.ajax({
				url : "$!webPath/cart_address_save_ajax.htm",
				dataType : "JSON",
				type : "POST",
				data : params,
				success : function(data) {
					var areaInfo = "";
					if(data.area_info){
						areaInfo = data.area_info + areaInfo;
					}
					if(data.area && data.area.areaName){
						areaInfo = data.area.areaName + areaInfo;
						if(data.area.parent && data.area.parent.areaName){
							areaInfo = data.area.parent.areaName + areaInfo;
							if(data.area.parent.parent && data.area.parent.parent.areaName){
								areaInfo = data.area.parent.parent.areaName + areaInfo;
							}
						}
					}
					$('#name').val(data.trueName);
	  				$('#zip').val(data.zip);
	  				$('#tel').val(data.mobile);
	  				$('#place').val(areaInfo);
  					$("#addr_id").val(data.id);
  					$('#newAdd').hide();
  					$(".mark").hide();
				}
			});