js 获取请求地址中的参数

简介:

js中如何获取浏览器请求地址中的参数呢?

js获取请求的query string

Js代码   收藏代码
  1. var getPageParams = function(){  
  2.             var i,ilen,strs,keyName,keyValue,  
  3.                     params={},  
  4.                     path = window.location.pathname,  
  5.                     url = window.location.href;  
  6.             if(url.indexOf("?")>-1){  
  7.                 var index=url.indexOf("?");  
  8.                 strs=url.substring(index+1);  
  9.                 console.log(strs);  
  10.                 strs=strs.split("&");  
  11.                 ilen=strs.length;  
  12.                 for(i=0;i<ilen;i++){  
  13.                     var indexEqual=strs[i].indexOf('=');  
  14.                     keyName=strs[i].substring(0,indexEqual);  
  15.                     keyValue=strs[i].substring(indexEqual+1);  
  16.                     if(keyName=="callback") keyValue=decodeURIComponent(keyValue);  
  17.                     params[keyName]=keyValue;  
  18.                 }  
  19.             }  
  20.              
  21.             return params;  
  22.         };  
  23.         console.log(getPageParams());  

 

请求地址为:http://localhost:63342/chanjet_web_js/chanjet/js/test_whuang.html?callback=http://www.weixin.com?id=123&app=weixin

时,运行结果:

Object {callback: "http://www.weixin.com?id=123", app: "weixin"}

 

http://localhost:63342/chanjet_web_js/chanjet/js/test_whuang.html?callback=http://www.weixin.com?id=123&app=weixin&returnurl=http://www.baidu.com 

运行结果:

Object {callback: "http://www.weixin.com?id=123", app: "weixin", returnurl: "http://www.baidu.com"}

相关文章
|
26天前
sd.js 2.0封装:更加简化请求传参内容(逐步废弃、逐渐日落2024.01.02)
sd.js 2.0封装:更加简化请求传参内容(逐步废弃、逐渐日落2024.01.02)
|
26天前
|
前端开发 JavaScript
【实现js和css互通、共享常量参数值】js如何获取CSS/SCSS/LESS的常量、CSS/SCSS/LESS又是如何获取js的值(或者说js是如何主动推送参数给CSS使用的)?
【实现js和css互通、共享常量参数值】js如何获取CSS/SCSS/LESS的常量、CSS/SCSS/LESS又是如何获取js的值(或者说js是如何主动推送参数给CSS使用的)?
|
5天前
|
JavaScript
如何在JS中实现修改URL参数而不刷新页面
如何在JS中实现修改URL参数而不刷新页面
|
5天前
|
JavaScript 前端开发
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
|
6天前
|
存储 JavaScript 前端开发
每日一道javascript面试题(九)函数的参数可以和函数体中的变量重名吗
每日一道javascript面试题(九)函数的参数可以和函数体中的变量重名吗
|
8天前
|
存储 JavaScript 前端开发
js原生方法,获取url上面所有参数,并返回一个对象
JavaScript函数`getUrlParameters`用于从URL中提取所有参数并返回一个键值对对象。它接收URL,分割查询字符串,解码参数对,并存储在对象中。重复参数键会被存储为数组。
|
15天前
|
JavaScript
js如何实现修改URL参数并不刷新页面
js如何实现修改URL参数并不刷新页面
|
16天前
|
JavaScript 前端开发
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
|
26天前
|
JavaScript
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
|
1月前
|
JavaScript 前端开发
为 setTimeout 或 setInterval 提供一个字符串作为第一个参数(js的问题)
为 setTimeout 或 setInterval 提供一个字符串作为第一个参数(js的问题)
10 0