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

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

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

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

[html] view plain copy print ?

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("Firstpost:"+data);
11. $.post("index.php/Layout/urlDemo?id=2&sex="+encodeURIComponent('&male'),{},function(data){
12. console.log("Secondpost:"+data);
13. $.get("index.php/Layout/urlDemo",{
14. id:2,
15. sex:'&male'
16. },function(data){
17. console.log("Firstget:"+data);
19. $.get("index.php/Layout/urlDemo?id=2&sex="+encodeURIComponent('&male'),{},function(data){
20. console.log("Secondget:"+data);
21. });
22. });
23. });
24. });
25. });
26. })(jQuery);
27. </script>
28. 结果如下图2：

[html] view plain copy print ?

1. jQueryajax封装的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+))?)?/；
11. //tryreplacing_=ifitisthere
12. ret=s.url.replace(rts,"$1_="+ts);
13. //ifnothingwasreplaced,addtimestamptotheend
14. s.url=ret+((ret===s.url)?(rquery.test(s.url)?"&":"?")+"_="+ts:"");
15. 最后附：
16. javascript编码和解码函数：
18. 1)encodeURI()：
19. a>主要用于整个URI
20. b>对空格进行编码
21. c>不会对本身属于URI的特殊字符进行编码，例如":","/","?","#"
23. 2)encodeURIComponent():
24. a>主要用于URI中的某一段
25. b>会对发现的任何非标准字符进行编码
27. 3)escape():
28. a>不会对ASCII字母和数字进行编码，
29. b>不会对下面这些ASCII标点符号进行编码：*@-_+./
30. c>其他所有的字符都会被转义序列替换。
31. d>ECMAScriptv3反对使用该方法，应用使用decodeURI()和decodeURIComponent()替代它。
32. <scripttype="text/javascript">
33. //Visit%20W3@@@School%21
34. console.log(escape("VisitW3@@@School!"));
35. //%3F%21%3D%28%29%23%25%26
36. console.log(escape("?!=()#%&"))
37. </script>