URL传参小用法获取url中的参数

写页面的时候发现的小用法，记录下来，关于url静态传参的问题。

首先列举下获取URL中参数的几种方法

方法一：正则法

这个正则是寻找&+url参数名字=值+&*/ 这里参考网址：***.html?id=1&cid=2

//这里是开始匹配，找到了返回对应url值，没找到返回null
function getQueryString(name) {var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
   var r = window.location.search.substr(1).match(reg);  //这里返回找到正则的匹配
   if (r != null) {return unescape(r[2]);    //这里返回对应的值
   }return null;
}
// 这样调用：
var value = getQueryString("id");   //这里'id'代表参数的名字
if(value!=null)
{var value_ = decodeURIComponent(value);
   alert(value_);
}

方法二：split拆分法

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[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
      }}return theRequest;
}
var Request = new Object();
Request = GetRequest();
 var id_;
id_ = Request['id'];
alert(id_ );

方法三：单个参数的获取方法

window.onload = function() {var url = location.search; //获取url中"?"符后的字串
   if (url.indexOf("?") != -1) {    //判断?后面是否有参数
      var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串 这里会获得类似“id=1”这样的字符串
      var strNum = str.split("=");   //用等号进行分隔 （因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔）
      alert(strNum[1]);          //直接弹出第一个参数 （如果有多个参数 还要进行循环的）
   }
}

好了，这里三种方法够用的了，想用哪种用哪种。接下来说下用途：

1.可根据url中的参数来显示不同的内容，比如有些内容只想在特定情况下显示，就可以通过传参来设定。

2.可跨页面跨区域定位；一般的定位方法当然也能显示指定位置，但是页面中如果有tab切换啊什么的，想要直接调到第二个选项的内容区（默认会显示第一个选项区的内容）就得用到这种判断方法了，通过判断url参数来控制切换。

用途可能还有很多，以后遇到再添加。加油！

URL传参小用法获取url中的参数相关推荐

【url传参】之获取url?后面的参数，对应参数名获取值和全量获取转换为对象结构两种方式
访问你挚爱的强哥_百度搜索https://www.baidu.com/s?wd=%E4%BD%A0%E6%8C%9A%E7%88%B1%E7%9A%84%E5%BC%BA%E5%93%A5&r ...
url 传参时包含或者#号时当成参数解析的问题
url 传参时包含&或者#号时当成参数解析的问题当url地址传递参数时,值中一个含有&符号时可能会出现解析错误的情况,最好的解决办法就是将&符号进行replace成其他格式字 ...
java url传参中文乱码问题_java中url传中文参数出现乱码
缘由:java Http请求传输时将url以ISO-8859-1编码,服务器收到字节流后默认会以ISO-8859-1编码来解码成字符流(形成中文乱码).服务器方法一:编码咱们须要把request. ...
小程序获取链接中的参数
onLoad: function (options) { if (options != null && options != undefined && options. ...
Django学习4：URL传参
目录一.视图函数二.URL传参方法1.在url中使用参数方法2.查询字符串方式使url传参三.URL参数转换器四.URL分层模块化五.URL的命名六.应用命名空间.实例命名空间一.视 ...
URL传参时从URL中获取中文参数的方法
利用url传参时如果url中的参数是中文时因为编码类型不同在页面中获取会出现乱码使用此方法能获取url中的参数值并解决乱码问题调用时直接 GetUrlByParamName("参数名& ...
微信小程序页面跳转，url传参参数丢失问题
微信小程序页面跳转,url传参参数丢失问题 // pages/order/purchase/index.js// 跳转到采购订单详情toPurchaseOrderDetail(e) {// conso ...
微信小程序页面跳转url传参，对象数据过长问题
小程序url传参如果是对象的话需要先用JSON.stringify()转换一下,接受页面在用JSON.parse()再转换回来. 但这样传参有一个问题,当对象数据长度过大时会报错,因为url传参时程序 ...
url传参获取参数方法
url传参获取参数方法 //调用const infos = this.getQuery(); //该方法返回一个对象 key 为所传参数名 value 参数值getQuery(key) {var s ...

URL传参小用法获取url中的参数

URL传参小用法获取url中的参数相关推荐

最新文章

热门文章