ready
论坛版主
论坛版主
  • UID24
  • 粉丝0
  • 关注0
  • 发帖数433
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:7084回复:1

js跳转到新页面传参以及接收参数的方法

楼主#
更多 发布于:2018-08-13 10:08
获取参数
如果是按照第一种方式进行了传递则有参数,那么我们怎们获取url中的参数那,那就使用js默认的属性:  var url = location.search;
其中的location.search 就是js自动获取url中? 后的所有值。获取了这个之后就可以使用substring,split等来获取参数了。
3、实例展示



 // 跳转url 以及传递的参数
window.location.href='http://img.as.com/news/image/newscenter/20111107zt/whd/30share/jieguo1n.html?money='+nums+'&url='+fxurl;
 
        // 获取money,以及分型的地址
    function GetRequest() {
          var url = location.search;
         var theRequest = new Object();
          if (url.indexOf("?") != -1) {
            var str = url.substr(1);
            //alert(str);
            var strs= new Array();  
             strs = str.split('&');
            var money=strs[0].substring(6);
            fxurl=(strs[1].substring(4)).trim();
            //alert(fxurl);
            var  view=money+"元";
            $("#jieguo1m").html(view);
      }
}
GetRequest();


这样当跳转到url指定的页面后,调用GetRequest();这个函数,函数中的location.search;来获取了url中?后的所有参数,接下来就是按照需求来解析了。
ready
论坛版主
论坛版主
  • UID24
  • 粉丝0
  • 关注0
  • 发帖数433
  • 社区居民
  • 忠实会员
  • 原创写手
沙发#
发布于:2018-08-13 10:09
1.传递参数:

window.location.href = "./list.html?id="+id;
2.接收参数:
(1)接收参数函数封装

function GetRequest() {
    var url = location.search; //获取url中"?"符后的字串
    var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("&");

        for (var i = 0; i < strs.length; i++) {
            theRequest[strs.split("=")[0]] = decodeURIComponent(strs.split("=")[1]);
        }
    }
    return theRequest;
}
(1)调用

var a=GetRequest();
var index_1=a['id'];
游客


返回顶部