踩坑日记——Post数据时加号变空格的解决办法

踩坑实记
项目在开发获取用户信息后的解密过程中发现总是会报token过期的异常， 使用postman手动发送请求则没有问题，正常解析。
几经周折，终于发现参数有问题，body里的所有+ (加号)都被换成了 (空格)！！大坑！！！

总结：

采用Ajax传递数据时，通常会将数据整理为data=“var1=abc&var2=def”。而当数据中存在加号(+)或是连接符(&)时，服务器端接收数据时会有部分数据丢失现象。

分析：

分析一下Ajax传递数据的格式与Javascript的语法不难发现：

1. "+“号：JavaScript解析为字符串连接符，所以服务器端接收数据时”+"会丢失。
2. “&”：JavaScript解析为变量连接符，所以服务器端接收数据时&符号以后的数据都会丢失。

解决办法：

手撸一个 简单的 urlEncode 编码 ：什么是urlencode编码

只需要为+与&符号编码即可：

//使用post方式发送
function doRequestUsingPOST()
{
    createXMLHttpRequest();
    var retCode = document.getElementById("retCode").value;
    var data = document.getElementById("data").value;
    data = data.replace(/+/g, "%2B");
    data = data.replace(/&/g, "%26");
    var queryString = "retCode=" + retCode + "&data=" + data;
    var url = "backSealServlet"; //使用URL向后台传值
    xmlHttp.open("POST",url,false);
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xmlHttp.send(queryString);
}

最后：

只需要服务器端配合写一个解码的方法就可以了。问题完美解决。

最后

以上就是明理热狗为你收集整理的踩坑日记——Post数据时加号变空格的解决办法的全部内容，希望文章能够帮你解决踩坑日记——Post数据时加号变空格的解决办法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。