在传参时,url参数中包含+、空格、=、%、&、#等特殊符号的处理

﹏ヽ暗。殇╰゛Y 2022-08-25 01:29 833阅读 0赞

最近在工作中遇到一些问题,就是如果表单中填写一些特殊字符,使用url向后台传参的时候会遇到问题,就是比如"\#$%^&\*()+"等特殊字符传不到后台,查了一些资料,整理下,供参考

首先可以先将特殊字符转码为16进制的对应的转码为

1.  url参数中有+、空格、=、%、&、\#等特殊符号的问题解决？  
2.  解决办法：  
3.  将这些字符转化成服务器可以识别的字符，对应关系如下：  
4.  URL字符转义  
5.    
6.  \+    URL 中+号表示空格                      %2B     
7.  空格 URL中的空格可以用+号或者编码           %20   
8.  /   分隔目录和子目录                        %2F       
9.  ?    分隔实际的URL和参数                    %3F       
10. %    指定特殊字符                           %25       
11. \#    表示书签                               %23       
12. &    URL 中指定的参数间的分隔符             %26       
13. =    URL 中指定参数的值                     %3D  
14.   
15. 看看实例：  
16. **<****input** type="button" value="aaa" id="btn\_submit"**>**  
17. **<****script****>**  
18. (function()\{  
19.     $("\#btn\_submit").click(function()\{  
20.         $.post("index.php/Layout/urlDemo",\{  
21.             id:2,  
22.             sex:'&male'  
23.         \},function(data)\{  
24.             console.log("First post:"+data);  
25.             $.post("index.php/Layout/urlDemo?id=2&sex=&male",\{\},function(data)\{  
26.                 console.log("Second post:"+data);  
27.                 $.get("index.php/Layout/urlDemo",\{  
28.                     id:2,  
29.                     sex:'&male'  
30.                 \},function(data)\{  
31.                     console.log("First get:"+data);  
32.                     $.get("index.php/Layout/urlDemo?id=2&sex=&male",\{\},function(data)\{  
33.                         console.log("Second get:"+data);  
34.                     \});  
35.                 \});  
36.             \});  
37.         \});  
38.     \});  
39.   
40. \})(jQuery);  
41. **</****script****>**  
42.   
43. PHP中Action:  
44. class LayoutAction extends Action \{  
45.     public function urlDemo()\{  
46.         //此处PHP并没有执行解码  
47.         echo "id=".$\_REQUEST\['id'\].";性别=".$\_REQUEST\['sex'\];  
48.     \}  
49. \}  
50. 结果如下图1：

![SouthEast][]

**\[html\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain]

1.  转码后：  
2.  **<****script****>**  
3.  (function()\{  
4.      $("\#btn\_submit").click(function()\{  
5.          $.post("index.php/Layout/urlDemo",\{  
6.              id:2,  
7.              sex:'&male'  
8.          \},function(data)\{  
9.              console.log("First post:"+data);  
10.               
11.             $.post("index.php/Layout/urlDemo?id=2&sex="+encodeURIComponent('&male'),\{\},function(data)\{  
12.                 console.log("Second post:"+data);  
13.                 $.get("index.php/Layout/urlDemo",\{  
14.                     id:2,  
15.                     sex:'&male'  
16.                 \},function(data)\{  
17.                     console.log("First get:"+data);  
18.                       
19.                     $.get("index.php/Layout/urlDemo?id=2&sex="+encodeURIComponent('&male'),\{\},function(data)\{  
20.                         console.log("Second get:"+data);  
21.                     \});  
22.                 \});  
23.             \});  
24.         \});  
25.     \});  
26. \})(jQuery);  
27. **</****script****>**  
28. 结果如下图2：

![SouthEast 1][]

**\[html\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain]

1.  jQuery ajax封装的get()和post()，已经对特殊字符"&"等做了处理：  
2.  看看如下正则：  
3.  rprotocol = /^\\/\\//,  
4.  rquery = /\\?/,  
5.  rscript = /**<****script**\\b\[^**<**\]\*(?:(?!**<**\\/script**>**)**<**\[^**<**\]\*)\***<**\\/script**>**/gi,  
6.  rselectTextarea = /^(?:select|textarea)/i,  
7.  rspacesAjax = /\\s+/,  
8.  rts = /(\[?&\])\_=\[^&\]\*/,  
9.  rurl = /^(\[\\w\\+\\.\\-\]+:)(?:\\/\\/(\[^\\/?\#:\]\*)(?::(\\d+))?)?/；  
10.   
11. // try replacing \_= if it is there  
12. ret = s.url.replace(rts, "$1\_=" + ts);  
13. // if nothing was replaced, add timestamp to the end  
14. s.url = ret + ((ret === s.url) ? (rquery.test(s.url) ? "&": "?") + "\_=" + ts: "");  
15. 最后附：  
16. javascript 编码和解码函数：  
17.   
18. 1)encodeURI()：  
19. a**>**主要用于整个URI  
20. b**>**对空格进行编码  
21. c**>**不会对本身属于URI的特殊字符进行编码，例如":","/","?","\#"  
22.   
23. 2)encodeURIComponent():  
24. a**>**主要用于URI中的某一段  
25. b**>**会对发现的任何非标准字符进行编码  
26.   
27. 3)escape():  
28. a**>**不会对 ASCII 字母和数字进行编码，  
29. b**>**不会对下面这些 ASCII 标点符号进行编码： \* @ - \_ + . /   
30. c**>**其他所有的字符都会被转义序列替换。  
31. d**>**ECMAScript v3 反对使用该方法，应用使用 decodeURI() 和 decodeURIComponent() 替代它。  
32. **<****script** type="text/javascript"**>**  
33. //Visit%20W3@@@School%21  
34. console.log(escape("Visit W3@@@School!"));  
35. //%3F%21%3D%28%29%23%25%26  
36. console.log(escape("?!=()\#%&"))  
37. **</****script****>**

[SouthEast]: /images/20220824/8ede2992f707488d9eb7f309df05ef3f.png
[view plain]: http://blog.csdn.net/cuew1987/article/details/10952509#
[SouthEast 1]: /images/20220824/a2ad21a4b18547899bf771ea929dc94f.png