美文网首页
使用js提取url中的参数

使用js提取url中的参数

作者: AmazingMax | 来源:发表于2018-01-19 11:10 被阅读16次

    在前端开发过程很常用的操作,从url链接里提取其中包含的参数。

    代码

    例子链接:index.html?type=Station&clientId=868323028613526&AirIndex=CO
    通常我们提取的是链接中?符号后的参数并用&符号隔开。

    提取参数:

     parseQueryString(currentUrl){                      //解析链接参数
                    var str=currentUrl.split("?")[1];                     //提取链接上的参数信息
                    var iterms = str.split("&");                //拆分参数
                    var arr,Json={};  
                    for(var i=0;i<iterms.length;i++){  
                        arr=iterms[i].split("=");  
                        Json[arr[0]]=arr[1];  
                       }  
                     return Json;       //返还数值
            }
    

    定义参数:

     showPage(){   //获取当前链接  window.location.href
                var currentUrl = window.location.href;
                var urlData= this.parseQueryString(currentUrl); //储存链接参数信息 
                            console.log(urlData);          //打印获取的参数
                            this.type = urlData.type;           //设备类型
                            this.clientId = urlData.clientId;       //设备id
                            this.AirIndex = urlData.AirIndex;       //空气参数
            }
    

    若遇上链接中带有#等其他符号,我们也用同样的方式处理,见招拆招。

    相关文章

      网友评论

          本文标题:使用js提取url中的参数

          本文链接:https://www.haomeiwen.com/subject/wclooxtx.html