脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js获取request参数

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

 更新时间：2016年09月27日 17:55:59   投稿：jingxian  
下面小编就为大家带来一篇使用JavaScript获取Request中参数的值方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

假设现在有一个URL，如下。

https://www.jb51.net

如何通过JS访问到id和name里面的值呢，实现我们来分析一下思路。

先获取当前页面的URL，通过window.location.href。

提取该URL？后面的部分，通过slice()方法。

把获取到的Request对象分割成字符串数组，通过split() 方法。

接下来看代码。

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

接下来就是获取指定参数的值了，代码如下。

var id = getUrlVars()["id"]; 
var name = getUrlVars()["name"];

最后，我们再看看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];
  }
});
var id = $.getUrlVar('id');
var name = $.getUrlVar('name');

以上就是小编为大家带来的使用JavaScript获取Request中参数的值方法的全部内容了，希望对大家有所帮助，多多支持脚本之家~

您可能感兴趣的文章:

相关文章

  • echarts地图绘制自定义标记实现方法

    echarts地图绘制自定义标记实现方法

    这篇文章主要给大家介绍了关于echarts地图绘制自定义标记实现的相关资料,ECharts地图是一个功能强大的数据可视化工具,基于百度ECharts开源项目开发而成,它主要用于在网页中展示各种地理数据和地图的信息,需要的朋友可以参考下
    2023-11-11
  • JS控制GIF图片的停止与显示

    JS控制GIF图片的停止与显示

    这篇文章主要为大家详细介绍了JS控制GIF图片的停止与显示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-10-10
  • 微信小程序授权获取用户详细信息openid的实例详解

    微信小程序授权获取用户详细信息openid的实例详解

    这篇文章主要介绍了微信小程序授权获取用户详细信息openid的实例详解的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下
    2017-09-09
  • 原生js实现可拖动的登录框效果

    原生js实现可拖动的登录框效果

    本文主要介绍了原生js实现可拖动的登录框效果的示例代码。具有一定的参考价值，下面跟着小编一起来看下吧
    2017-01-01
  • 微信小程序实现默认第一个选中变色效果

    微信小程序实现默认第一个选中变色效果

    这篇文章主要介绍了微信小程序实现默认第一个选中变色效果，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-07-07
  • 微信小程序生成二维码的示例代码

    微信小程序生成二维码的示例代码

    这篇文章主要介绍了微信小程序生成二维码的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • JSON.stringify实例详解以及灵活运用

    JSON.stringify实例详解以及灵活运用

    在向服务器发送数据时一般是字符串,我们可以使用 JSON.stringify()方法将JavaScript对象转换为字符串,下面这篇文章主要给大家介绍了关于JSON.stringify及灵活运用的相关资料,需要的朋友可以参考下
    2022-03-03
  • 原生JS进行前后端同构

    原生JS进行前后端同构

    本文通过实例给大家分享了原生JS进行前后端同构的相关知识点以及相关代码，有需要的朋友参考学习下。
    2018-04-04
  • JS中setTimeout和setInterval的最大延时值详解

    JS中setTimeout和setInterval的最大延时值详解

    这篇文章主要介绍了JS中setTimeout和setInterval的最大延时值的相关资料，文中通过示例代码介绍的很详细，相信对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。
    2017-02-02
  • JavaScript使用位运算符判断奇数和偶数的方法

    JavaScript使用位运算符判断奇数和偶数的方法

    这篇文章主要介绍了JavaScript使用位运算符判断奇数和偶数的方法,涉及javascript位运算的使用技巧,需要的朋友可以参考下
    2015-06-06

最新评论