jQuery技术

jquery 获取url参数插件实例代码

字号+ 作者:H5之家 来源:H5之家 2017-10-06 18:04 我要评论( )

为你提供三种关于 jquery 获取url参数 插件实例代码哦,最后一款是告诉你如何获取url参数,如果分析,并且如何对url进行处理得到我们想要的数据。 jquery获取url

为你提供三种关于jquery 获取url参数插件实例代码哦,最后一款是告诉你如何获取url参数,如果分析,并且如何对url进行处理得到我们想要的数据。

jquery获取url地址

  jquery.fn.getparmbyurl = function(o){
 var url = window.location.tostring();
 var tmp;
 if(url && url.indexof("?")){
  var arr = url.split("?");
  var parms = arr[1];
  if(parms && parms.indexof("&")){
   var parmlist = parms.split("&");
   jquery.each(parmlist,function(key,val){
    if(val && val.indexof("=")){
     var parmarr = val.split("=");
     if(o){
      if(typeof(o) == "string" && o == parmarr[0]){
       tmp = parmarr[1] == null?'':parmarr[1];
      }
     }
     else{
      tmp = parms;
     }
    }
   });
  }
 }
 return tmp;

应用方法

 $(function(){
 $().getparmbyurl() == null?window.location.href = '?id=100&class=4&sh=y&city=茂名&action':'';
 $("#btn").click(function(){
  var a = $().getparmbyurl($("#key").val());
  alert(a);
 });
});

 

//网页特效获取url参数与地址

 function getquerystring(name)
{
var reg = new regexp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;

url的参数&参数名1=xxxx&参数名2=xxxx&参数名3=xxxx 

alert(getquerystring("参数名1"));
alert(getquerystring("参数名2"));
alert(getquerystring("参数名3"));

详细的jquery 获取url参数说明

当前你的url是:
教程?test=1&kk=2

如果想获取test,则可以引入插件后,
用如下方法获取:
var test = $.query.get(’test’);

如果参数有多个相同的名称 ,则可以这样:
var arr = $.query.get(’testy’);
输出:  [ 值1 ,  值2,  值3...]

如果要获取多个相同名称中的某一个,可以这样:
var arrayelement = $.query.get(’testy[1]‘);

此插件不仅能获取参数,也能设置参数。

设置一个参数:
var newurl = $.query.set("section", 5).tostring();
输出  : "?section=5"

设置两个参数:
var newurl = $.query.set("section", 5).set("action", "do").tostring();
输出 :  "?action=do&section=5"

删除一个参数:
var oldqueryagain = $.query.remove("type");

清空所有参数:
var emptyquery = $.query.empty();

复制所有参数:
var stillthesame = $.query.copy();

插件地址:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JQuery技术基础知识自测试题

    JQuery技术基础知识自测试题

    2017-10-07 11:06

  • 基于JQuery多关键字组合无刷新分页技术的实现

    基于JQuery多关键字组合无刷新分页技术的实现

    2017-10-06 18:00

  • jQuery开发技术详解(含CD光盘1张)

    jQuery开发技术详解(含CD光盘1张)

    2017-10-06 17:15

  • JQuery在线引用地址知识

    JQuery在线引用地址知识

    2017-10-06 15:03

网友点评