踩坑日记——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);
}

最后:

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

猜你喜欢

转载自blog.csdn.net/qq_37904209/article/details/116531143