`
zhangjim
  • 浏览: 52843 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

使用jQuery获取request url中的参数

阅读更多

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

 

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

 

demo1: js实现

下面是得到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;
}

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"];

 

 

demo2: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');

 

demo3: 修改url中的参数

function replaceParamVal(oldUrl, paramName, replaceWith) {
	var re = eval('/(' + paramName + '=)([^&]*)/gi');
	var nUrl = oldUrl.replace(re, paramName + '=' + replaceWith);
	return nUrl;
}

 

分享到:
评论

相关推荐

    jquery获取URL中参数解决中文乱码问题的两种方法

    以上就是解决在使用jQuery获取URL参数时出现中文乱码问题的两种方法,以及相关的编码和解码处理方式。需要注意的是,乱码问题的出现主要是由于编码和解码不一致导致的,所以在前后端处理URL参数时,一定要注意正确地...

    使用JavaScript获取Request中参数的值方法

    这篇文章将详细讲解如何使用JavaScript和jQuery来获取URL请求(Request)中的参数值。 首先,我们需要理解URL的结构。URL通常由协议、主机名、端口号(可选)、路径和查询字符串组成。在查询字符串中,参数以键值对...

    JQuery.form表单提交参数详解.txt

    ### JQuery Form 插件中的 `ajaxForm()` 和 `ajaxSubmit()` 方法详解 #### 一、引言 在 Web 开发中,使用 AJAX 进行异步表单提交是一种常见的技术手段,它允许开发者无需重新加载整个页面即可提交数据并接收响应...

    JS获取url参数详细

    在JavaScript中,获取URL参数是常见的需求,尤其是在构建动态网页时。本文将详细介绍两种方法来获取URL中的参数值,一种是字符串分割分析法,另一种是正则表达式分析法。 一、字符串分割分析法 这种方法主要利用...

    WinForm关于CefSharp获取后的资源、截取request参数、拦截response数据、注入jquery文件和js代码

    在`OnBeforeResourceLoad`方法中,你可以通过`request`参数访问到`IRequest`对象,这个对象包含了请求的所有信息,如URL、方法(GET或POST)、请求头等。你可以读取并修改这些参数,实现对请求的拦截和定制。 拦截...

    jsp中使用jquery实现ajax源码

    在JavaServer Pages (JSP) 中使用jQuery来实现AJAX技术是一种常见的做法,它能够使得网页无需刷新即可与服务器进行异步数据交换。本主题主要围绕以下知识点展开: 1. **JSP(JavaServer Pages)**:JSP是Java的一个...

    Servlet获取AJAX POST请求中参数以form data和request payload形式传输的方法

    在Servlet中,我们可以使用以下方式获取这些参数: ```java protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String name = request...

    Jquery AutoComplete 使用demo

    在 request 参数中,你可以访问用户的输入值;在 response 参数中,你需要返回一个包含建议的数组。例如: ```javascript $("#search-box").autocomplete({ source: function(request, response) { $.ajax({ url:...

    JQuery 获取json数据$.getJSON方法的实例代码

    首先,通过CommonClass.Request.GetRequest("InnerID", "")获取客户端请求中的InnerID参数,并判断是否存在。根据参数key的值执行不同的数据库查询操作,这里展示了两个方法的调用示例,分别是StockOutApp和...

    jquery+servlet 异步获取数据 并显示出来(很有收获的哦!)

    在jQuery中,$.ajax()是最强大的异步请求方法,它可以配置各种参数,如URL、请求类型(GET或POST)、数据类型(JSON、XML、HTML等)以及回调函数。例如,我们可以这样使用$.ajax来获取Servlet返回的数据: ```...

    jQuery获取地址栏参数插件(模仿C#)

    代码如下: $.request = (function () { var apiMap = {}; function request(queryStr) { var api = {}; if (apiMap[queryStr]) { return apiMap[queryStr]; } api.queryString = (function () { var urlParams = {};...

    JQuery AJAX跨域提交参数、接收json数据.docx

    使用控制器参数可以将提交的数据直接映射到控制器的参数中,该方法可以减少代码的复杂度。 3. 通过映射到视图数据对象方式 使用视图数据对象可以将提交的数据映射到视图模型中,该方法可以将数据与视图模型绑定...

    JS request函数 用来获取url参数

    - **jQuery获取URL参数的插件**:介绍了如何使用jQuery简化URL参数的获取过程,提供了一些现成的插件供开发者选择。 - **JS URL传中文参数引发的乱码问题**:探讨了在处理含有中文字符的URL参数时可能出现的问题及...

    asp.net使用jquery ajax 小例子

    这里,`ProcessRequest`方法接收AJAX请求,并通过`context.Request`对象获取传递的参数。处理完成后,使用`JsonConvert.SerializeObject`将结果转换为JSON格式并返回。 如果选择调用当前页的Web方法,可以在ASP.NET...

    response响应数据变成???&使用jquery发送带中文参数数据的get请求得到响应数据乱码解决过程

    1. **URL编码**:在发送GET请求前,应该使用JavaScript的`encodeURIComponent()`函数对包含中文的参数进行URL编码,这样可以确保中文字符在URL中以正确的格式传递。 2. **服务器端解码**:服务器端接收到带有编码的...

    jquery.query

    《jQuery.query:轻松解析URL参数的插件》 在Web开发中,jQuery作为一个强大的JavaScript库,极大地简化了DOM操作和事件处理。然而,在处理URL参数时,jQuery原生的功能并不直接支持,这时我们就需要借助一些插件来...

    jsp中使用jquery的ajax

    在JavaServer Pages (JSP) 中使用jQuery的Ajax技术,是一种常见的前端与后端交互方式,它可以实现页面的异步更新,提升用户体验。Ajax(Asynchronous JavaScript and XML)允许我们无需刷新整个页面即可向服务器发送...

    用javascript获取地址栏参数

    ”的位置,然后使用`substr`截取URL参数部分。接着,用`split`方法将参数部分拆分成数组,最后遍历数组,对比每个参数的键(key)是否与`strName`匹配,如果匹配则返回对应的值。 ```javascript function Request...

    Jquery autocomplete插件使用

    - **URL**:通过`ajax`方式从服务器获取数据,需设置`dataType`(如JSON、XML)、`method`(GET或POST)等参数。 **4. 配置选项** jQuery Autocomplete有许多可配置的选项,例如: - `minLength`:触发自动补全的...

Global site tag (gtag.js) - Google Analytics