如何获取HTTP get请求传递的客户端参数
How to get parameters on client side passsed by HTTP GET request?
我需要从一些社交服务API获取剃刀视图页面的回调。回调请求通过HTTP GET方法实现:
http://www.contactsimporter.com/home.cshtml
实现回调后,我需要从HTTPGET请求中检索参数(param1=value1¶m2=value2)。例如:
http://www.contactsimporter.com/home.cshtml?param1=value1¶m2=value2
我需要检索这个参数param1=value1¶m2=回调URL中的value2。
如何使用JavaScript或jQuery代码获取这些参数?
您可以通过纯javascript实现。请参阅以下代码:
var urlParams = window.location.search
var getQuery = urlParams.split('?')[1]
var params = getQuery.split('&')
改编自CSS技巧
- 访问url:
window.location.pathname
现在,您可以将url视为Javascript中的普通字符串,并对其进行相应的解析。
var url = window.location.pathname
var getQuery = url.split('?')[1]
var params = getQuery.split('&')
// params is ['param1=value', 'param2=value2']
您也可以使用URLSearchParams
const urlParams = new URLSearchParams(window.location.search);
const entries = urlParams.entries();
// build params object
const params = {};
for (entry of entries) {
params[entry[0]] = entry[1];
}
console.log(params);
避免使用window.location.pathname
它只返回路径您还需要查询字符串参数,因此使用href代替路径名,如下所示
var url = window.location.href
var getQuery = url.split('?')[1]
var params = getQuery.split('&')
// params is ['param1=value', 'param2=value2']
相关文章:
- 原型Ajax请求参数为嵌套json
- 通过Javascript传递请求参数
- 需要解释Javascript regex请求参数解析
- JSP--如何获取请求参数
- 如何自定义数据::confirm弹出窗口以提示输入,该输入将附加到请求参数中
- ExtJS使用控制器中的View Form Data作为Ajax请求参数
- 在express应用程序中,请求参数两次附加到URL
- 如何使用动态请求参数实现像谷歌一样的自动完成
- 验证请求参数的最佳方法是帆.js/节点.js
- 使用请求参数从 JavaScript 调用 servlet
- 如何获取删除请求参数
- 在 SailsJS 中验证请求参数
- 在双引号中附加请求参数
- 数据表后请求参数不起作用
- 在 node.js 中获取动态请求参数
- 有必要限制node.js中GET请求参数字符串的大小吗
- 路径参数或请求参数-从客户端角度
- 将会话ID/密钥作为请求参数传递时存在安全风险
- 访问Sails中的JSON请求参数
- 在通过RequestDispatcher调用的html页面上获取请求参数