js中获取URL参数的共用方法getRequest()方法实例详解

 更新时间:2018年10月24日 14:13:41   作者:冷瞳ruin  
本文通过实例代码给大家介绍了js中获取URL参数的共用方法getRequest()方法 ,文末给大家提到了js获取url参数值的两种方式,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

下面通过一段代码给大家介绍js中获取URL参数的共用方法getRequest()方法,具体代码如下所示:

getRequest : function() { 
   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;
  }

下面看下js获取url参数值的两种方式详解

有个url如下:

http://passport.csdn.net/account/login?from=http%3a%2f%2fwrite.blog.csdn.net%2fpostedit

我们该如何获取from这个参数的值呢?在网上搜了下方法很简单,如下,第一种是通过正则,第二种通过切串放进数组的方式:

方法一:

 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 from = getQueryString("from"); 
 alert(from); 

方法二:

 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 req = GetRequest(); 
 var from = req['from']; 
 alert(from); 

总结

以上所述是小编给大家介绍的js中获取URL参数的共用方法getRequest()方法实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 利用AJAX实现WordPress中的文章列表及评论的分页功能

    利用AJAX实现WordPress中的文章列表及评论的分页功能

    在文中列表页方面利用AJAX制作滚动到底触发翻页的效果比较常见,而在评论加载时AJAX显示正在加载也很常用,下面就来看一下如何利用AJAX实现WordPress中的文章列表及评论的分页功能
    2016-05-05
  • js监听F11触发全屏事件简单代码举例

    js监听F11触发全屏事件简单代码举例

    这篇文章主要给大家介绍了关于js监听F11触发全屏事件的相关资料,自己工作中遇到的一点点小问题,记录一下,希望也能对你们有帮助,需要的朋友可以参考下
    2024-05-05
  • javascript加载xml 并解析各节点的值(实现方法)

    javascript加载xml 并解析各节点的值(实现方法)

    下面小编就为大家带来一篇javascript加载xml 并解析各节点的值(实现方法)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • Javascript实现汉字和拼音互转的终极方案

    Javascript实现汉字和拼音互转的终极方案

    网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,有的不支持多音字、不支持声调或者字典文件太大,无法根据实际需要满足需求。这篇文章给大家修正整理网上的几种常见方法,文章结尾还附简单的JS拼音输入法,本文对大家具有一定的参考借鉴价值,下面一起看看吧。
    2016-10-10
  • webpack中使用zepto步骤方法

    webpack中使用zepto步骤方法

    这篇文章主要为大家介绍了webpack中使用zepto步骤方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • js实现的切换面板实例代码

    js实现的切换面板实例代码

    切换面板具备功能:鼠标划过不同的题目会有不同的图片和解说,可以连接到不同的网站,实例代码如下,感兴趣的朋友可以参考下哈
    2013-06-06
  • JS函数节流和防抖之间的区分和实现详解

    JS函数节流和防抖之间的区分和实现详解

    本文主要介绍的是关于JS中比较常用的函数:节流函数和防抖函数,从概念、使用场景到代码简单实现做了一个详细的区分。感兴趣的小伙伴们可以参考一下
    2019-01-01
  • JavaScript实用工具库lodash 使用

    JavaScript实用工具库lodash 使用

    Lodash是一个JavaScript的实用工具库,提供了很多常用的函数和工具,可以帮助我们更方便地操作数据和处理逻辑,这篇文章主要介绍了lodash 使用,需要的朋友可以参考下
    2024-04-04
  • js模糊查询实例分享

    js模糊查询实例分享

    本文主要分享了js模糊查询的实现代码,没有接触到后台数据的知识,只是查询当前表格中每一行所包含的关键字。具有一定的参考价值,需要的朋友一起来看下吧
    2016-12-12
  • JavaScript实现简单验证码

    JavaScript实现简单验证码

    这篇文章主要为大家详细介绍了JavaScript实现简单验证码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08

最新评论