整个类的代码如下:
/**
* 获取get请求中的参数
*
* @author MaLong
* @param loc
* (可选String or Object) String 类型须为URL, Object则为Location的对象
* 默认为window.location
*/
var Request = function(loc) {
var paramsStr;
var hashSearchString;
if (!loc || typeof loc == "object") {
loc = loc || window.location;
if (/#.+\?/.test(paramsStr)) {
paramsStr = loc.hash;
} else
paramsStr = loc.search;
} else if (typeof loc == "string") {
if (/.*\?.+[#.+]?/.test(loc))
paramsStr = loc.replace(/.*\?/, "");
else
paramsStr = loc.replace(/.*#/, "#");
}
if (!/#.+\?/.test(paramsStr)) {
this.pageSelector = paramsStr.replace(/^\?.*#$/, "#");
hashSearchString = paramsStr.replace(/\?|(#.+)/, "");
} else {
this.pageSelector = paramsStr.replace(/\?.*$/, "");
hashSearchString = paramsStr.replace(/#.+\?/, "");
}
var params = hashSearchString.split("&");
var reg = /^(\w+)=(.*)$/;
this.paramsMap = {};
for ( var i = 0, length = params.length; i < length; i++) {
var _p = reg.exec(params[i]);
if (_p)
this.paramsMap[_p[1]] = _p[2];
}
}
Request.prototype = {
/**
* 根据参数名获取参数值
*
* @param name
* @return 参数值
*/
getParam : function(name) {
return this.paramsMap[name];
},
/**
* 设置参数名和参数值
*
* @param name
* 参数名
* @param value
* 参数值
*/
setParam : function(name, value) {
this.paramsMap[name] = value;
},
/**
* 获取所有参数
*
* @returns 封装所有参数名和参数值的json
*/
getParams : function() {
return this.paramsMap;
},
/**
*
*/
paramSize : function() {
},
/**
*
*/
getHashParam : function() {
},
/**
* pageSelector 为通过hash值改变页面而预留,例:xxx.com#pageSelector
*/
getPageSelector : function() {
return this.pageSelector;
}
}
调用:
if(!/.*\?.+/.test(dataUrl))
dataUrl=window.location;
//dataUrl 可选
var request = new Request(dataUrl);
var userName=request.getParam("userName");
分享到:
相关推荐
### JavaScript 获取浏览器参数知识点...通过上述介绍,我们可以看到JavaScript获取浏览器参数不仅是一项基础技能,而且在实际项目开发中有着广泛的应用。熟练掌握这一技能对于提升Web应用的功能性和用户体验至关重要。
标题 "在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数" 描述了一种常见的Web开发技术应用场景。在Internet Explorer(IE)浏览器的特定模式下,用户通过表单填写信息并提交后,这些数据通常...
标题"JavaScript获取链接url参数并生成对象"指出了我们需要从URL中提取这些参数,并将它们组织成一个JavaScript对象。这个对象的键将是参数名,值将是对应的参数值。这样做可以方便地对参数进行操作,如遍历、修改或...
下面通过一个示例,来说明如何使用kettle抽取http请求,发送json参数。 标题解释 kettle抽取http请求,发送json参数是指使用kettle工具从http接口中抽取数据,并将抽取的数据发送到目标系统中。这里的http请求是指...
此外,Chrome的"Chrome DevTools Protocol"也允许开发者通过编写自定义的Chrome扩展来获取Ajax请求记录。这个协议提供了一套JSON-over-WebSocket API,可以让开发者实时监听和控制Chrome的调试接口,包括网络请求的...
在这个场景中,我们探讨的主题是如何利用HTML页面来模拟GET和POST请求,尤其是处理POST请求时如何以JSON(JavaScript Object Notation)格式传递参数。这在前端开发、网页表单提交以及API测试中是非常常见且重要的...
总结,Express通过`req.query`和`req.body`提供了一种直观的方式来获取GET和POST请求的参数。在实际项目中,我们还需要根据Content-Type正确配置中间件,如`body-parser`和`multer`,以便正确解析不同类型的POST请求...
JavaScript中的fetch API是一种现代的异步数据获取方式,它提供了更简洁、更符合Promise特性的接口来处理HTTP请求。然而,fetch默认并不提供请求和响应的拦截器,这对于需要进行全局处理,比如鉴权、错误处理等场景...
方法二通过构造一个名为 `GetRequest` 的函数来获取所有URL参数并存储在一个对象中。实现步骤如下: 1. 定义 `GetRequest` 函数。 2. 获取查询字符串(即URL中“?”后的部分)存入 `url` 变量中。 3. 如果 `url` ...
GET请求的特点是其请求参数会显示在URL中,因此不适合传递敏感信息,同时由于GET请求的幂等性,多次相同的GET请求应返回相同的结果。 定时GET请求则是在特定时间间隔内自动执行GET请求的功能。这种功能在很多场景下...
HttpGET是HTTP协议中的一个基本请求方法,用于从服务器获取资源。它通过在URL中携带参数来请求数据,这些参数通常是可见的,并且被记录在浏览器的历史记录中。GET请求通常用于获取静态或者不会改变的数据,因为它们...
”后面的查询字符串,其中参数通过“=”连接键和值。通过split函数,我们可以将参数字符串按“=”分割成数组,然后根据数组索引来获取具体的参数值。示例如下: ```javascript var urlInfo = window.location.href;...
这篇文章深入地探讨了如何使用JavaScript来解析URL中的查询字符串,并从中获取GET参数的值。我们将详细阐述以下几个关键点: 1. 什么是查询字符串(QueryString)? 2. 如何在JavaScript中获取当前URL的查询字符串...
在Java代码中,当通过HTTP请求传输包含中文的JSON数据时,前端通常会使用JavaScript的`JSON.stringify`函数将JSON对象转换为字符串,并通过GET或POST请求传递给后端。在JavaScript中,字符串默认使用UTF-8编码,因此...
通过实现不同的接口和方法,我们可以获取资源、拦截请求参数、处理响应数据,并灵活地注入JavaScript代码,极大地增强了应用程序的功能和用户体验。在实际项目中,合理运用这些技术可以打造出强大且定制化的Web界面...
在Web开发中,获取HTTP请求中的参数是一项基本且至关重要的任务。这通常涉及到解析客户端(如浏览器)发送到服务器的数据,这些数据可能包含在URL、请求体或HTTP头部。本篇将深入探讨如何在不同的编程语言和框架中...
首先,让我们深入理解如何使用JavaScript获取URL查询参数。在浏览器中,当用户访问一个网页时,URL(统一资源定位符)会携带一些附加信息,这些信息以问号(?)分隔,后面跟着一系列的键值对,这就是查询参数。例如...
如果可以,那就需要一种在 JavaScript 和 Native 之间通信的桥梁(JavaScript Bridge),通过它,JavaScript 将请求信息传递给 Native,Native 完成真正的请求后再将结果数据传递给 JavaScript。 思路虽然简单,但...
在Web开发中,SpringMVC框架是Java领域中处理HTTP请求的常用工具,它提供了多种接收前端传参的方式。本文将深入解析SpringMVC如何处理GET和POST请求中的参数,以及如何使用@RequestParam和@RequestBody注解。 1. ...
在这个方法中,我们通过`HttpServletRequest`对象获取GET请求中传递的参数值,比如用户名。根据用户名的值,我们进行简单验证,并将验证结果返回给前端。在这个例子中,如果用户名是"admin",则返回验证不通过的信息...