当前位置: 首页 > 面试题库 >

如何使用Javascript解析URL查询参数?[重复]

荀嘉熙
2023-03-14
问题内容

在Javascript中,如何获取URL字符串(而不是当前URL)的参数?

喜欢:

www.domain.com/?v=123&p=hello

我可以在JSON对象中获取“ v”和“ p”吗?


问题答案:

您可以放心使用Array.forEach。如@ricosrealm所建议,decodeURIComponent在此函数中使用了它。

function getJsonFromUrl(url) {
  if(!url) url = location.search;
  var query = url.substr(1);
  var result = {};
  query.split("&").forEach(function(part) {
    var item = part.split("=");
    result[item[0]] = decodeURIComponent(item[1]);
  });
  return result;
}

实际上不是那么简单 ,请参阅注释中的同行评审,尤其是:

  • 基于哈希的路由(@cmfolio)
  • 数组参数(@ user2368055)
  • 正确使用解码=URIComponent 和未编码的(@AndrewF)
  • 未编码+(由我添加)

也许这应该去codereview SE,但这是更安全和无正则表达式的代码:

function getJsonFromUrl(url) {
  if(!url) url = location.href;
  var question = url.indexOf("?");
  var hash = url.indexOf("#");
  if(hash==-1 && question==-1) return {};
  if(hash==-1) hash = url.length;
  var query = question==-1 || hash==question+1 ? url.substring(hash) : 
  url.substring(question+1,hash);
  var result = {};
  query.split("&").forEach(function(part) {
    if(!part) return;
    part = part.split("+").join(" "); // replace every + with space, regexp-free version
    var eq = part.indexOf("=");
    var key = eq>-1 ? part.substr(0,eq) : part;
    var val = eq>-1 ? decodeURIComponent(part.substr(eq+1)) : "";
    var from = key.indexOf("[");
    if(from==-1) result[decodeURIComponent(key)] = val;
    else {
      var to = key.indexOf("]",from);
      var index = decodeURIComponent(key.substring(from+1,to));
      key = decodeURIComponent(key.substring(0,from));
      if(!result[key]) result[key] = [];
      if(!index) result[key].push(val);
      else result[key][index] = val;
    }
  });
  return result;
}

此功能甚至可以解析URL

var url = "?foo%20e[]=a%20a&foo+e[%5Bx%5D]=b&foo e[]=c";
// {"foo e": ["a a",  "c",  "[x]":"b"]}

var obj = getJsonFromUrl(url)["foo e"];
for(var key in obj) { // Array.forEach would skip string keys here
  console.log(key,":",obj[key]);
}
/*
  0 : a a
  1 : c
  [x] : b
*/


 类似资料:
  • 我是新来的Node.js,并试图检查如果电子邮件已经通过发送电子邮件作为一个url参数从iOS应用程序。它不起作用,不确定我做错了什么。 我无法console.log前端发送的VSCode中的电子邮件参数,它在XCODE(http://localhost:3000/api/user/email/test@gmail.com)中打印,我知道后端正在获取GET请求。 我的路由器代码是: 非常感谢。

  • 问题内容: 这应该是一个简单的任务,但是我似乎找不到解决方案。 我有一个基本字符串,它像这样被传递为查询字符串参数:。我想使用JavaScript将该参数解码,但是似乎无法解码。 我已经尝试过,但是结果仍然包含迹象。 问题答案: 是的,decodeURIComponent函数不会将+转换为空格,这是事实。因此,您必须使用替换功能替换+。 理想情况下,以下解决方案有效。

  • jQuery获取地址栏url参数 获取url参数内容

  • 我的查询参数如下所示: 我必须接受这个查询参数,因为它进入了我的spring控制器,并且必须向solar查询以获取数据。 首先使用regex进行以下转换:(abcbcd)+----------segment1 最后名称:ABC+...............Segment2 电子邮件:ABC+...............Segment3 我有一门课叫 类Queryobj{ 私有字符串字段; 值=

  • 问题内容: Javascript没有提供执行此操作的核心方法,那么该怎么做呢? 问题答案: 因此,您可以使用:

  • 问题内容: 我正在尝试从Foursquare解析URL如下所示的access_token: https://mywebsite.com/4sqredirect/#access_token=1234567890XXXXX 我试过$ routeParams和$ location,什么也没有返回。只有在尝试$ route之后,我才获得了带有以下属性的对象: 这是否意味着无法使用本机AngularJS函数