美文网首页深究JavaScript
获取url参数的两种方式

获取url参数的两种方式

作者: zhangweisep | 来源:发表于2020-03-17 15:00 被阅读0次

获取URL参数的方法封装

/**
 * 获取URL参数( URL编码问题解决办法: decodeURI(requestURL("参数名"))解码 )
 * @param paras : 参数名
 * @returns {*} : 参数对应值
 */
function requestURL(paras) {
  var url = location.href;
  var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");
  var paraObj = {};
  for (i = 0; j = paraString[i]; i++) {
    paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length);
  }
  var returnValue = paraObj[paras.toLowerCase()];
  if (typeof(returnValue) == "undefined" || returnValue == "undefined" || returnValue == null) {
    return "";
  } else {
    return returnValue;
  }
}

正则法获取

//例:地址为:https://hjm100.cn?name=1
//截取url传递的参数 
     function GetQueryString(name) { 
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); 
        var r = window.location.search.substr(1).match(reg); 
        if (r!=null) return (r[2]); return null; 
    }       
//调用方法:
console.log(GetQueryString('name'))

数组法

function UrlSearch() {
    var url,value; 
    var str=location.href; //取得整个地址栏
    var num=str.indexOf("?") 
    str=str.substr(num+1); //取得所有参数   stringvar.substr(start [, length ]
    var arr=str.split("&"); //各个参数放到数组里
    for(var i=0;i < arr.length;i++){ 
    num=arr[i].indexOf("="); 
    if(num>0){ 
        url=arr[i].substring(0,num);
        value=arr[i].substr(num+1);
        this[url]=value;
        } 
    } 
} 
var Request=new UrlSearch(); //实例化
var slide = Request.slide

相关文章

  • 解析url参数

    获取url参数的两种方法 正则匹配方式 URLSearchParams方法 将url参数解析为对象 传统方法 新方法

  • get、post

    网络请求的两种常用方式为get和post get 语义是获取指定URL上的资源所有参数拼接到URL后面,动作与参数...

  • 获取url参数的两种方式

    获取URL参数的方法封装 正则法获取 数组法

  • 浏览器传值

    一、get方式,url携带参数 可以通过window.location.search获取url的参数。如下面的示例...

  • 获取URL中的查询参数

    介绍两种获取URL查询参数的方法 1. 用循环的方式 2. 用正则的方式 3. 有关js中location的知识点...

  • 获取url的参数

    获取URL中的参数名及参数值的集合 通过参数名获取url中的参数值 通过正则获取到参数值;

  • 获取指定url参数

    获取指定url参数 获取指定url的指定参数 浏览器类型

  • Node笔记 - tips

    一、原生获取url参数的两种方式 二、箭头函数直接写出返回值 三、面向对象require 用来加载代码, 而 ex...

  • 2020-03-05

    java从request中获取GET和POST请求参数 URL和参数列表 一 获取请求方式 request.get...

  • express获取url参数

    express获取url参数有三种方式1 req.params[参数]获取客户端get方式传递过来的值,如rout...

网友评论

    本文标题:获取url参数的两种方式

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