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

转载时请标明文章原始出处和作者信息, 作者: lostsnow.
http://www.lsproc.com/blog/ajax_char_lose/

采用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){
        ......
    }
});

参考: http://www.phplamp.org/2008/11/javascript-ajax-char-lose/

-- EOF --