hillpig的个人博客分享 http://blog.sciencenet.cn/u/hillpig 畅想ing,思考ing,前行ing Email:bluevaley@gmail.com

博文

如何用jquery获取当前页面url传入的参数

已有 14328 次阅读 2015-3-3 18:23 |个人分类:js|系统分类:科研笔记| jquery, url, parameter

参考:

http://www.designchemical.com/blog/index.php/jquery/8-useful-jquery-snippets-for-urls-querystrings/

http://stackoverflow.com/questions/406192/get-current-url-in-javascript/4673540#4673540


这里把代码摘录一下:

var vars = [], hash;

   var q = document.URL.split('?')[1];

   if(q != undefined){

       q = q.split('&');

       for(var i = 0; i < q.length; i++){

           hash = q[i].split('=');

           vars.push(hash[1]);

           vars[hash[0]] = hash[1];

       }

}

// Will alert the value of parameter a
alert(vars['a']);


实际使用时,可灵活使用,如detailactivity.html?id=8只传入一个参数可以利用:

var id = $(location).attr('href').split('?')[1].split('&')[0].split('=')[1];

来获取到。



另外如下两个也不错,记下来做个参考:

http://www.tuicool.com/articles/BbEfQnn

http://www.mathias-bank.de/2006/10/28/jquery-plugin-geturlparam/

第一个代码如下:

<script>/** * 解析URL中的参数 * @param {url路径} string * @returns {返回object<key,value>} */$.getUrlParam = function(string) {var obj = new Object();if (string.indexOf("?") != -1) {var string = string.substr(string.indexOf("?") + 1);var strs = string.split("&");for (var i = 0; i < strs.length; i++) {var tempArr = strs[i].split("=");obj[tempArr[0]] = tempArr[1];}}return obj;}</script>

第二个代码如下:

jQuery.extend({/*** Returns get parameters.** If the desired param does not exist, null will be returned** @example value = $.getURLParam("paramName");*/  getURLParam: function(strParamName){  var strReturn = "";  var strHref = window.location.href;  var bFound=false;    var cmpstring = strParamName + "=";  var cmplen = cmpstring.length;  if ( strHref.indexOf("?") > -1 ){    var strQueryString = strHref.substr(strHref.indexOf("?")+1);    var aQueryString = strQueryString.split("&");    for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){      if (aQueryString[iParam].substr(0,cmplen)==cmpstring){        var aParam = aQueryString[iParam].split("=");        strReturn = aParam[1];        bFound=true;        break;      }          }  }  if (bFound==false) return null;  return strReturn;}});



加我私人微信,交流技术。





https://wap.sciencenet.cn/blog-419883-871644.html

上一篇:使用jquerymobile时,如何让data-rel="back" 返回时不再刷新页面
下一篇:jquery请不要使用location.href方式跳转
收藏 IP: 223.72.72.*| 热度|

0

该博文允许注册用户评论 请点击登录 评论 (0 个评论)

数据加载中...
扫一扫,分享此博文

Archiver|手机版|科学网 ( 京ICP备07017567号-12 )

GMT+8, 2024-5-23 21:44

Powered by ScienceNet.cn

Copyright © 2007- 中国科学报社

返回顶部