js获取url及起参数列表及扩展应用-优快云博客

本文介绍三种使用jQuery获取URL参数的方法，并详细解析了jquery.query.js提供的多种功能，如获取、设置、删除参数等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在基于B/S的web开发中，我们时常会通过发请求给服务端，来完成所需要的功能。这时候，url就少不了，无参的，带参的，等等。所以在有的时候，我们就需要通过获取当前发送的url的参数，通过这些参数进而完成更多的功能，所以这篇文章我们就会谈到，在不借助其他工具的情况下，用我们的jquery来完成对当前请求的url的参数的获取。

在这里，我就列举出3类的获取参数的方法，其实质，当然，都是类似的。

第一种：1.引用外部js：<script type="text/javascript" src="js/jquery.query.js"></script>

2.设置js参数：<script type="text/javascript">

var jQuery.query={numbers:false,hash:true};

</script>

3.调用方法，获得参数：$.query.get(param1),$.query.get(param2),$.query.get(param3)......

第二种：1.引用外部js：<script type="text/javascript" src="js/jquery.query.js"></script>

2.编写脚本方法：<script type="text/javascript">

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;
}

</script>

3.调用方法，获得参数：GetQueryString("param1"),GetQueryString("param2"),GetQueryString("param3").....

第三种：1.引用外部js：<script type="text/javascript" src="js/jquery-1.4.2.js"></script>

2.编写脚本方法：<script type="text/javascript">

$.extend(

getUrlVars:function(){

var vars=[],hash;

var hashes=window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');

for(vari = 0; i < hashes.length; i++)

{

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

vars.push(hash[0]);

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

}

return vars;

getUrlVar:function(name){

return $.getUrlVars()[name];

}

);

</script>

3.调用方法，获得参数：$.getUrlVars();$.getUrlVar('name');

由上述三种方式可以看出，我们会引用到jquery.query.js这个js文件，这个js里到底是提供了哪些方法呢，下面我们把它的代码贴出来：

   Js代码
  
 /** 
 *jQuery.query-QueryStringModificationandCreationforjQuery 
 *WrittenbyBlairMitchelmore(blairDOTmitchelmoreATgmailDOTcom) 
 *LicensedundertheWTFPL(http://sam.zoy.org/wtfpl/). 
 *Date:2009/8/13 
 * 
 *@authorBlairMitchelmore 
 *@version2.1.6 
 * 
 **/ 
 newfunction(settings){ 
 //VariousSettings 
 var$separator=settings.separator||'&'; 
 var$spaces=settings.spaces===false?false:true; 
 var$suffix=settings.suffix===false?'':'[]'; 
 var$prefix=settings.prefix===false?false:true; 
 var$hash=$prefix?settings.hash===true?"#":"?":""; 
 var$numbers=settings.numbers===false?false:true; 
  
 jQuery.query=newfunction(){ 
 varis=function(o,t){ 
 returno!=undefined&&o!==null&&(!!t?o.constructor==t:true); 
 }; 
 varparse=function(path){ 
 varm,rx=/\[([^[]*)\]/g,match=/^([^[]+?)(\[.*\])?$/.exec(path),base=match[1],tokens=[]; 
 while(m=rx.exec(match[2]))tokens.push(m[1]); 
 return[base,tokens]; 
 }; 
 varset=function(target,tokens,value){ 
 varo,token=tokens.shift(); 
 if(typeoftarget!='object')target=null; 
 if(token===""){ 
 if(!target)target=[]; 
 if(is(target,Array)){ 
 target.push(tokens.length==0?value:set(null,tokens.slice(0),value)); 
 }elseif(is(target,Object)){ 
 vari=0; 
 while(target[i++]!=null); 
 target[--i]=tokens.length==0?value:set(target[i],tokens.slice(0),value); 
 }else{ 
 target=[]; 
 target.push(tokens.length==0?value:set(null,tokens.slice(0),value)); 
 } 
 }elseif(token&&token.match(/^\s*[0-9]+\s*$/)){ 
 varindex=parseInt(token,10); 
 if(!target)target=[]; 
 target[index]=tokens.length==0?value:set(target[index],tokens.slice(0),value); 
 }elseif(token){ 
 varindex=token.replace(/^\s*|\s*$/g,""); 
 if(!target)target={}; 
 if(is(target,Array)){ 
 vartemp={}; 
 for(vari=0;i<target.length;++i){ 
 temp[i]=target[i]; 
 } 
 target=temp; 
 } 
 target[index]=tokens.length==0?value:set(target[index],tokens.slice(0),value); 
 }else{ 
 returnvalue; 
 } 
 returntarget; 
 }; 
  
 varqueryObject=function(a){ 
 varself=this; 
 self.keys={}; 
  
 if(a.queryObject){ 
 jQuery.each(a.get(),function(key,val){ 
 self.SET(key,val); 
 }); 
 }else{ 
 jQuery.each(arguments,function(){ 
 varq=""+this; 
 q=q.replace(/^[?#]/,'');//removeanyleading?||# 
 q=q.replace(/[;&]$/,'');//removeanytrailing&||; 
 if($spaces)q=q.replace(/[+]/g,'');//replace+'swithspaces 
  
 jQuery.each(q.split(/[&;]/),function(){ 
 varkey=decodeURIComponent(this.split('=')[0]||""); 
 varval=decodeURIComponent(this.split('=')[1]||""); 
  
 if(!key)return; 
  
 if($numbers){ 
 if(/^[+-]?[0-9]+\.[0-9]*$/.test(val))//simplefloatregex 
 val=parseFloat(val); 
 elseif(/^[+-]?[0-9]+$/.test(val))//simpleintregex 
 val=parseInt(val,10); 
 } 
  
 val=(!val&&val!==0)?true:val; 
  
 if(val!==false&&val!==true&&typeofval!='number') 
 val=val; 
  
 self.SET(key,val); 
 }); 
 }); 
 } 
 returnself; 
 }; 
  
 queryObject.prototype={ 
 queryObject:true, 
 has:function(key,type){ 
 varvalue=this.get(key); 
 returnis(value,type); 
 }, 
 GET:function(key){ 
 if(!is(key))returnthis.keys; 
 varparsed=parse(key),base=parsed[0],tokens=parsed[1]; 
 vartarget=this.keys[base]; 
 while(target!=null&&tokens.length!=0){ 
 target=target[tokens.shift()]; 
 } 
 returntypeoftarget=='number'?target:target||""; 
 }, 
 get:function(key){ 
 vartarget=this.GET(key); 
 if(is(target,Object)) 
 returnjQuery.extend(true,{},target); 
 elseif(is(target,Array)) 
 returntarget.slice(0); 
 returntarget; 
 }, 
 SET:function(key,val){ 
 varvalue=!is(val)?null:val; 
 varparsed=parse(key),base=parsed[0],tokens=parsed[1]; 
 vartarget=this.keys[base]; 
 this.keys[base]=set(target,tokens.slice(0),value); 
 returnthis; 
 }, 
 set:function(key,val){ 
 returnthis.copy().SET(key,val); 
 }, 
 REMOVE:function(key){ 
 returnthis.SET(key,null).COMPACT(); 
 }, 
 remove:function(key){ 
 returnthis.copy().REMOVE(key); 
 }, 
 EMPTY:function(){ 
 varself=this; 
 jQuery.each(self.keys,function(key,value){ 
 deleteself.keys[key]; 
 }); 
 returnself; 
 }, 
 load:function(url){ 
 varhash=url.replace(/^.*?[#](.+?)(?:\?.+)?$/,"$1"); 
 varsearch=url.replace(/^.*?[?](.+?)(?:#.+)?$/,"$1"); 
 returnnewqueryObject(url.length==search.length?'':search,url.length==hash.length?'':hash); 
 }, 
 empty:function(){ 
 returnthis.copy().EMPTY(); 
 }, 
 copy:function(){ 
 returnnewqueryObject(this); 
 }, 
 COMPACT:function(){ 
 functionbuild(orig){ 
 varobj=typeoforig=="object"?is(orig,Array)?[]:{}:orig; 
 if(typeoforig=='object'){ 
 functionadd(o,key,value){ 
 if(is(o,Array)) 
 o.push(value); 
 else 
 o[key]=value; 
 } 
 jQuery.each(orig,function(key,value){ 
 if(!is(value))returntrue; 
 add(obj,key,build(value)); 
 }); 
 } 
 returnobj; 
 } 
 this.keys=build(this.keys); 
 returnthis; 
 }, 
 compact:function(){ 
 returnthis.copy().COMPACT(); 
 }, 
 toString:function(){ 
 vari=0,queryString=[],chunks=[],self=this; 
 varencode=function(str){ 
 str=str+""; 
 if($spaces)str=str.replace(//g,"+"); 
 returnencodeURIComponent(str); 
 }; 
 varaddFields=function(arr,key,value){ 
 if(!is(value)||value===false)return; 
 varo=[encode(key)]; 
 if(value!==true){ 
 o.push("="); 
 o.push(encode(value)); 
 } 
 arr.push(o.join("")); 
 }; 
 varbuild=function(obj,base){ 
 varnewKey=function(key){ 
 return!base||base==""?[key].join(""):[base,"[",key,"]"].join(""); 
 }; 
 jQuery.each(obj,function(key,value){ 
 if(typeofvalue=='object') 
 build(value,newKey(key)); 
 else 
 addFields(chunks,newKey(key),value); 
 }); 
 }; 
  
 build(this.keys); 
  
 if(chunks.length>0)queryString.push($hash); 
 queryString.push(chunks.join($separator)); 
  
 returnqueryString.join(""); 
 } 
 }; 
  
 returnnewqueryObject(location.search,location.hash); 
 }; 
 }(jQuery.query||{});//PassinjQuery.queryassettingsobject 