JavaScript静态页面值传递:URL篇

  1. 首页
  2. JQuery
  3. 正文

本文详细介绍JavaScript静态页面值传递之URL篇，能过URL进行传值.把要传递的信息接在URL上.

Post.htm

XML/HTML代码
        
  1. <inputtype="text"name="username">
    2.     
  2. <inputtype="text"name="sex">
    3.     
  3. <inputtype="button"value="Post">
    4.     
  4. <scriptlanguage="javascript">
    5.     
  5. function Post()
    6.     
  6. {
    7.     
  7. 　　//单个值 Read.htm?username=baobao;
    8.     
  8. 　　//多全值 Read.htm?username=baobaosex=male;
    9.     
  9. 　　url="Read.htm?username="+escape(document.all.username.value);
    10.     
  10. 　　url += "sex=" + escape(document.all.sex.value);
    11.     
  11. 　　location.href=url;
    12.     
  12. }
    13.     
  13. </script>

Read.htm

XML/HTML代码
        
  1. <scriptlanguage="javascript">
    2.     
  2. /*
    3.     
  3. *--------------- Read.htm -----------------
    4.     
  4. * Request[key]
    5.     
  5. * 功能:实现ASP的取得URL字符串,Request("AAA")
    6.     
  6. * 参数:key,字符串.
    7.     
  7. * 实例:alert(Request["AAA"])
    8.     
  8. *--------------- Request.htm -----------------
    9.     
  9. */
    10.     
  10. varurl=location.search;
    11.     
  11. varRequest=newObject();
    12.     
  12. if(url.indexOf("?")!=-1)
    13.     
  13. {
    14.     
  14. 　　varstr=url.substr(1)　//去掉?号
    15.     
  15. 　　strstrs= str.split("&");
    16.     
  16. 　　for(vari=0;i<strs.length;i++)
    17.     
  17. 　　{
    18.     
  18. 　　 　 Request[strs[i ].split("=")[0]]=unescape(strs[ i].split("=")[1]);
    19.     
  19. 　　}
    20.     
  20. }
    21.     
  21. alert(Request["username"])
    22.     
  22. alert(Request["sex"])
    23.     
  23. </script><scriptlanguage="JavaScript">
    24.     
  24. <!--
    25.     
  25. function Request(strName)
    26.     
  26. {
    27.     
  27. varstrHref="www.abc.com/index.htm?a=1&b=1&c=测试测试";
    28.     
  28. varintPos=strHref.indexOf("?");
    29.     
  29. varstrRight=strHref.substr(intPos + 1);
    30.     
  30. vararrTmp=strRight.split("&");
    31.     
  31. for(vari=0; i<arrTmp.length; i++)
    32.     
  32. {
    33.     
  33. vararrTemp=arrTmp[i ].split("=");
    34.     
  34. if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
    35.     
  35. }
    36.     
  36. return "";
    37.     
  37. }
    38.     
  38. alert(Request("a"));
    39.     
  39. alert(Request("b"));
    40.     
  40. alert(Request("c"));
    41.     
  41. //-->
    42.     
  42. </script>
    43.     
  43. <script>
    44.     
  44. String.prototype.getQuery=function(name)
    45.     
  45. {
    46.     
  46. 　　varreg=newRegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    47.     
  47. 　　varr=this.substr(this.indexOf("?")+1).match(reg);
    48.     
  48. 　　if (r!=null) return unescape(r[2]); return null;
    49.     
  49. }
    50.     
  50. varstr="www.abc.com/index.htm?a=1&b=1&c=测试测试";
    51.     
  51. alert(str.getQuery("a"));
    52.     
  52. alert(str.getQuery("b"));
    53.     
  53. alert(str.getQuery("c"));
    54.     
  54. </script>

优点:　取值方便.可以跨域.

缺点:　值长度有限制

如果您觉得我的文章有帮助，请随意赞赏！
  1. javascript对话框
  2. javascript显示textarea剩余字数
  3. javascript定时关闭的层
  4. javascript点击复制文本框代码
  5. javascript让iframe自适应高度

*发表评论

用QQ账号登录  请登录后发表评论