`

JQuery 得到Request url的参数(not plugin)

 
阅读更多

今天看文章的时候,看到一篇文章,非常好,这里我也尝试了一下

 

JQuery 怎么得到request url中的参数呢?

 

其实很简单,就是循环遍历url,然后找到“&”这个符号

 

 

下面是源代码

 

 

// Read a page's GET URL variables and return them as an associative array.
function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

 

 

上面是得到URL的数组

 

我们打个比方

 

1.URL如下

 

 

http://www.example.com/?me=myValue&name2=SomeOtherValue
 

 

2.我们在浏览器中可以看到数组如下

 

 

{
    "me"    : "myValue",
    "name2" : "SomeOtherValue"
}
 

 

3.得到相应的参数的值

 

 

var first = getUrlVars()["me"];

// To get the second parameter
var second = getUrlVars()["name2"];
 

 

 

简单吧

 

下面JQuery的实现

 

 

$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 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];
  }
});

 

 得到相应的值的方法

 

 

// Get object of URL parameters
var allVars = $.getUrlVars();

// Getting URL var by its nam
var byName = $.getUrlVar('name');

 

 

简简单单的,非常好用。。。希望大家顶起来

 

 

 

参考:http://jquery-howto.blogspot.jp/2009/09/get-url-parameters-values-with-jquery.html

2
1
分享到:
评论
2 楼 ffychina 2012-10-11  
要注意url的参数应该是一个数组而不是一个对象,如果是转换成对象,应该把相同的参数名用逗号隔开。以下是我copy别人的一个实现:
// 获取QueryString的数组
function getQueryString(){
  var result=location.search.match(new RegExp("[\?\&][^\?\&]+=[^\?\&]+","g"));
  if(result==null){
    return "";
  }
  for(var i=0;i<result.length;i++){
    result[i]=result[i].substring(1);
  }
  return result;
}
1 楼 freezingsky 2012-10-11  
不错,这是客户端处理方式。之间都是在后台处理后,包装到前台,再通过JQuery来搞的。

相关推荐

    jQuery摄像头插件jquery-webcam-plugin

    **jQuery摄像头插件jquery-webcam-plugin** 在网页开发中,集成摄像头功能可以帮助用户实时捕捉图像,广泛应用于在线证件照上传、视频聊天、虚拟试衣间等场景。`jQuery webcam plugin`是一个优秀的JavaScript库,它...

    jQuery Media Plugin Demo

    jQuery Media Plugin是一款专门为jQuery设计的多媒体插件,用于在网页中轻松集成音频、视频和图像等多媒体元素。这款插件的出现,极大地简化了开发者在HTML5时代处理多媒体内容的复杂性,使得开发者无需深入了解...

    jquery 英文教程 jQuery Plugin Development Beginner’s Guide PDF

    jquery 的经典 英文书 jQuery Plugin Development Beginner’s Guide.PDF

    jQuery全能权威指南:jQuery Core+jQuery Plugin+jQuery UI+jQuery Mobile 源码

    、CSS和JavaScript知识的开发者,内容覆盖了jQuery知识体系的全部内容,包括jQuery Core、jQuery Plugin 、jQuery UI、jQuery Mobile以及大量第三方的插件库和2800多个应用jQuery技术的网页参考。

    JQuery Cycle Plugin

    **jQuery Cycle Plugin** 是一个广泛使用的JavaScript库,专门用于创建动态和交互式的图像滑块、轮播和幻灯片效果。这个插件充分利用了jQuery的简洁API和强大的DOM操作功能,使得开发者能够轻松地在网站上实现各种...

    jquery下拉列表插件(jQuery Simple Drop-Down Menu Plugin)

    jquery下拉列表插件(jQuery Simple Drop-Down Menu Plugin),demo点击:http://blog.csdn.net/shellwin/archive/2010/07/05/5714455.aspx

    JQuery validation plugin学习资料

    jQuery Validation Plugin 提供了许多内置的验证方法,如`required`(必填)、`email`(电子邮件)、`url`(URL)、`date`(日期)等。可以根据需求选择使用。 ### 四、自定义验证方法 如果内置方法不能满足需求,...

    jQuery输入格式的插件Masked Input Plugin

    《jQuery输入格式插件Masked Input Plugin深度解析》 在Web开发中,用户界面的交互性和数据输入的规范性是提升用户体验的关键因素。jQuery Masked Input Plugin是一款强大的JavaScript库,它能够帮助开发者轻松地...

    struts2-jquery-plugin-3.1.0.jar

    struts2-jquery-plugin-3.1.0.jar

    jQuery Orbit Plugin 1.2.3

    jQuery Orbit Plugin 1.2.3 是一个专为网页设计者和开发者打造的高效、灵活的轮播插件。这个版本的Orbit Plugin是jQuery库的一个扩展,它提供了丰富的功能和自定义选项,使得创建吸引人的图片轮播、内容滑动效果变得...

    jQuery plugin for autocomplete - jQuery自动完成插件

    jQuery plugin for autocomplete - jQuery自动完成插件

    Ellipsis – Jquery Ellipsis Plugin

    **jQuery Ellipsis 插件详解** 在Web开发中,我们经常遇到一个问题:如何优雅地处理过长的文字内容,尤其是在有限的显示空间内。这正是jQuery Ellipsis插件所解决的问题。该插件提供了一个简洁而实用的方法,可以...

    simple jQuery date-picker plugin 使用

    jQuery作为一个轻量级的JavaScript库,提供了丰富的插件来实现这些功能,其中“simple jQuery date-picker plugin”就是一个简单易用的选项。本文将详细介绍如何使用这个插件以及它的核心功能。 首先,我们需要理解...

    struts2-jquery-plugin-2.0.0

    struts2-jquery-plugin-2.0.0 struts2-jquery-plugin-2.0.0 struts2-jquery-plugin-2.0.0

    tableExport.jquery.plugin-1.10.22.zip

    总的来说,"tableExport.jquery.plugin-1.10.22.zip"是前端开发中一个便捷的工具,它通过jQuery实现了表格数据的快速导出,提升了用户体验,简化了开发者的工作。无论是在企业级应用还是个人项目中,都能看到其广泛...

    jquery-plugin

    jquery-plugin:开发Jquery插件的简单示例,

    扩展jQuery Media Plugin

    6. **使用与配置**:jQuery Media Plugin可以通过参数配置来定制播放器的行为,例如设置初始状态、改变播放速度、添加预加载事件等。开发者可以根据项目需求,灵活调整这些选项,以达到最佳的用户体验。 7. **扩展...

    jQuery验证控件 Validation Plugin - v1.14.0汉化及附带案例

    本文将详细介绍jQuery Validation Plugin v1.14.0的汉化版本及其应用案例。 jQuery Validation Plugin是jQuery库的一个扩展,主要用于处理HTML表单验证。它包含了多种内置的验证规则和错误消息,可以轻松实现对用户...

    jquery-geturlparameters-plugin:一个从get方法获取参数的插件

    一个从URL获取参数的插件 要安装:只需将JQuery放在您的项目中,然后导入插件,如下所示: &lt; script src =" jquery.getUrlParameters.js "/&gt; 要使用公正的电话: var result = $ . getUrlVar ( ...

    jQuery Lightbox Plugin--缩图查看插件,图片查看器

    《jQuery Lightbox Plugin——打造极致图片查看体验》 在网页设计和开发中,为了提供优质的用户体验,图片查看功能显得尤为重要。jQuery Lightbox Plugin就是这样一款专为网页图片展示而设计的插件,它基于流行的...

Global site tag (gtag.js) - Google Analytics