JQuery提交数据丢失的问题与解决
2012-1-30 17:56 Monday  

分类: Javascript 评论(1) 浏览(22891)

网上转的

今天遇到了一个Jquery提交数据量过大的时候后台获得的时候会截掉一部分,这个找了很久,在网上看到了这样的解释和方式:

采用Ajax传递数据时,通常会将数据整理为data="var1=abc&var2=def"。而当数据中存在加号(+)或是连接符(& amp; amp;)时,服务器端接收数据时会有部分数据丢失现象。分析一下Ajax传递数据的格式与Javascript的语法不难发现:

1. "+"号:JavaScript解析为字符串连接符,所以服务器端接收数据时"+"会丢失。

2. "&":JavaScript解析为变量连接符,所以服务器端接收数据时&符号以后的数据都会丢失。

解决办法也相当简单,只需要为+与&符号编码即可:

function vchar(str) {
str = str.replace(/\+/g, "%2B");
str = str.replace(/\&/g, "%26");
return str;
}
var1 = "abc+kef";
var2 = "abc&kef";
var1 = vchar(var1);
var2 = vchar(var2);
alert(var1);
alert(var2);
使用jquery的话可以使用如下方式提交

var params = $('input, textarea').serialize();
$.ajax({
type: 'post',
url: 'xxxx.php',
data: params,
success: function(response){
       ......
}
});
上面的这个方法我试过了,不是很好用,之后我想到了JSON的方式提交,结果可以实现,效果很好,但是用JSON提交的时候要注意到这样的一个问题,JSON提交的数据时经过编码的,所以在后台要进行解码,我的后台是java,所以我用了这样的方式:
$.ajax({
type: 'post',
url: 'xxxx.action',
data: {arr1:arr1,arr2:arr2},//arr1就是你传递到后台的参数,用request获得,
success: function(response){
       ......
}
});
下面是对中文数据进行解码的代码
/**
   * Ajax数据解码
   * @return
   */
public String decodeAjax(String str) {
   if (MUtil.checkString(str)) {
try {
return java.net.URLDecoder.decode(str, "UTF-8");
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
return null;
}
   }
   return null;
}

+1 16

留下你的看法: