js 获取请求地址中的参数 2

简介:

1,通过js如何获取get 请求参数呢?

Js代码   收藏代码
  1. /*** 
  2.  * get request query string 
  3.  * @returns {{}} 
  4.  */  
  5. var getQueryParams = function () {  
  6.     var i, ilen, strs, keyName, keyValue,  
  7.         params = {},  
  8.         path = window.location.pathname,  
  9.         url = window.location.href;  
  10.     if (url.indexOf("?") > -1) {  
  11.         var index = url.indexOf("?");  
  12.         strs = url.substring(index + 1);  
  13.         strs = strs.split("&");  
  14.         ilen = strs.length;  
  15.         for (i = 0; i < ilen; i++) {  
  16.             var indexEqual = strs[i].indexOf('=');  
  17.             if (indexEqual == -1) {  
  18.                 keyName = strs[i];  
  19.                 keyValue = '';  
  20.             } else {  
  21.                 keyName = strs[i].substring(0, indexEqual);  
  22.                 keyValue = strs[i].substring(indexEqual + 1) || "";  
  23.             }  
  24.   
  25.             if (keyName == "callback") keyValue = decodeURIComponent(keyValue);  
  26.             params[keyName] = keyValue;  
  27.         }  
  28.     }  
  29.     return params;  
  30. };  

 

测试:http://localhost:63342/js_svn/request_queryString.html?username=whuang&age=32&callback=?a=b&bb&1=2

打印:

Object {1: "2", username: "whuang", age: "32", callback: "?a=b", bb: ""}

参考:http://hw1287789687.iteye.com/blog/2234658

相关文章
|
5天前
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
11 4
JavaScript基础知识-函数的参数
|
15天前
|
JavaScript
Vue项目打包后都产生了哪些JS请求?
【8月更文挑战第19天】Vue项目打包后都产生了哪些JS请求?
43 0
Vue项目打包后都产生了哪些JS请求?
|
24天前
|
JavaScript 前端开发
JavaScript 地址信息与页面跳转及跳转传参
JavaScript 地址信息与页面跳转及跳转传参
25 1
|
24天前
|
JavaScript 前端开发 UED
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
|
10天前
|
JavaScript Serverless Linux
函数计算产品使用问题之遇到Node.js环境下的请求日志没有正常输出时,该如何排查
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
16天前
|
缓存 JavaScript CDN
一次js请求一般情况下有哪些地方会有缓存处理?
一次js请求一般情况下有哪些地方会有缓存处理?
37 0
|
27天前
|
JavaScript 前端开发 数据安全/隐私保护
空气质量在线监测平台JS逆向:请求响应数据加密
空气质量在线监测平台JS逆向:请求响应数据加密
39 0
|
1月前
|
存储 中间件 API
Nest.js 实战 (六):使用 Session 在不同请求间存储信息
这篇文章介绍了在Nest.js中如何使用Session来记录客户状态。文章首先解释了Session的概念,然后详细说明了如何在Nest.js中安装和使用express-session,包括全局配置、参数说明、使用方式和常用方法。
|
2月前
|
存储 资源调度 前端开发
JavaScript 使用axios库发送 post请求给后端, 给定base64格式的字符串数据和一些其他参数, 使用表单方式提交, 并使用onUploadProgress显示进度
使用 Axios 发送包含 Base64 数据和其他参数的 POST 请求时,可以通过 `onUploadProgress` 监听上传进度。由于整个请求体被视为一个单元,所以进度可能不够精确,但可以模拟进度反馈。前端示例代码展示如何创建一个包含 Base64 图片数据和额外参数的 `FormData` 对象,并在上传时更新进度条。后端使用如 Express 和 Multer 可处理 Base64 数据。注意,实际进度可能不如文件上传精确,显示简单加载状态可能更合适。
185 0
|
2月前
|
XML 前端开发 JavaScript
JavaScript进阶 - AJAX请求与Fetch API
【7月更文挑战第9天】JavaScript进阶:AJAX与Fetch API对比。AJAX用于异步数据交换,XMLHttpRequest API复杂,依赖回调。Fetch API是现代、基于Promise的解决方案,简化请求处理。示例:`fetch(&#39;url&#39;).then(r =&gt; r.json()).then(data =&gt; console.log(data)).catch(err =&gt; console.error(err))`。注意点包括检查HTTP状态、错误处理、CORS、Cookie和超时。Fetch提高了异步代码的可读性,但需留意潜在问题。
71 0