重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1.通过FUNCTION的方式
创新互联建站专注于名山网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供名山营销型网站建设,名山网站制作、名山网页设计、名山网站官网定制、小程序开发服务,打造名山网络公司原创品牌,更为您提供名山网站排名全网营销落地服务。
jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情,首先看看单纯的通过javascript是如何来获取url中的某个参数。
function getUrlParam(name) {
//构造一个含有目标参数的正则表达式对象
var reg = new RegExp("(^|)" name "=([^]*)(|$)");
//匹配目标参数
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
} else {
//返回参数值
return "";
}}
通过这个函数传递url中的参数名就可以获取到参数的值。
getUrlParam(´cid´);
2.JQUERY封装的方式
明白了 Javascript 获取 url 参数的方法,我们可以通过这个方法为 jQuery 扩展一个方法来通过 jQuery 获取 url 参数,下面的代码为 jQuery 扩展了一个 getUrlParam() 方法.
(function($){
$.getUrlParam = function(name){
var reg = new RegExp("(^|)" name "=([^]*)(|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}})(jQuery);
为 jQuery 扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了,代码如下:
$.getUrlParam(´cid´);
[img]/*--获取网页传递的参数--*/
function request(paras)
{
var url = location.href;
var paraString = url.substring(url.indexOf("?")+1,url.length).split("");
var paraObj = {}
for (i=0; j=paraString[i]; i++){
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);
}
var returnValue = paraObj[paras.toLowerCase()];
if(typeof(returnValue)=="undefined"){
return "";
}else{
return returnValue;
}
}
调用这个 request就可以了,这里可以调用request("ID")
1、获取到url地址
2、将url中?后的值以‘’分割成数组
3、再去遍历,存储其值
4、最后返回
// jQuery url get parameters function [获取URL的GET参数值]
// code
// var GET = $.urlGet(); //获取URL的Get参数
// var id = GET['id']; //取得id的值
// /code
// url get parameters
// public
// return array()
(function($) {
$.extend({
urlGet:function()
{
var aQuery = window.location.href.split("?"); //取得Get参数
var aGET = new Array();
if(aQuery.length 1)
{
var aBuf = aQuery[1].split("");
for(var i=0, iLoop = aBuf.length; iiLoop; i++)
{
var aTmp = aBuf[i].split("="); //分离key与Value
aGET[aTmp[0]] = aTmp[1];
}
}
return aGET;
}
})
})(jQuery);
使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作
1、jquery获取url很简单,代码如下:
window.location.href;
其实只是用到了javascript的基础的window对象,并没有用jquery的知识。
2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情
首先看看单纯的通过javascript是如何来获取url中的某个参数:
//获取url中的参数
function getUrlParam(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中的参数名就可以获取到参数的值,比如url为
我们要获取reurl的值,可以这样写:
var xx = getUrlParam('reurl');
明白了javascript获取url参数的方法,我们可以通过这个方法为jquery扩展一个方法来通过jquery获取url参数,下面的代码为jquery扩展了一个getUrlParam()方法
(function ($) {
$.getUrlParam = function (name) {
var reg = new RegExp("(^|)" + name + "=([^]*)(|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
})(jQuery);
为jquery扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了:
var xx = $.getUrlParam('reurl');
完整代码:
script src="js/jquery-1.7.2.min.js" type="text/javascript"/script
script type="text/javascript"
$(function () {
//方法二:
(function ($) {
$.getUrlParam = function (name) {
var reg = new RegExp("(^|)" + name + "=([^]*)(|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
})(jQuery);
//方法二:
var xx = $.getUrlParam('reurl');
//方法一:
// var xx = getUrlParam('reurl');
alert(xx);
});
//方法一:
//获取url中的参数
function getUrlParam(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