Ajax 提交数据加号与连接符丢失

采用Ajax传递数据时,通常会将数据整理为data="var1=abc&var2=def"。而当数据中存在加号(+)或是连接符(&)时,服务器端接收数据时会有部分数据丢失现象。分析一下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){
        ......
    }
});
2009-01-08 221 ajax javascript jquery