`
恋上你的味道
  • 浏览: 101113 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

通过javascript获取get请求的参数

阅读更多
整个类的代码如下:
/**
 * 获取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 获取浏览器参数知识点...通过上述介绍,我们可以看到JavaScript获取浏览器参数不仅是一项基础技能,而且在实际项目开发中有着广泛的应用。熟练掌握这一技能对于提升Web应用的功能性和用户体验至关重要。

    在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数

    标题 "在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数" 描述了一种常见的Web开发技术应用场景。在Internet Explorer(IE)浏览器的特定模式下,用户通过表单填写信息并提交后,这些数据通常...

    JavaScript获取链接url参数并生成对象

    标题"JavaScript获取链接url参数并生成对象"指出了我们需要从URL中提取这些参数,并将它们组织成一个JavaScript对象。这个对象的键将是参数名,值将是对应的参数值。这样做可以方便地对参数进行操作,如遍历、修改或...

    kettle抽取http请求,发送json参数.docx

    下面通过一个示例,来说明如何使用kettle抽取http请求,发送json参数。 标题解释 kettle抽取http请求,发送json参数是指使用kettle工具从http接口中抽取数据,并将抽取的数据发送到目标系统中。这里的http请求是指...

    chrome扩展插件获取ajax请求记录

    此外,Chrome的"Chrome DevTools Protocol"也允许开发者通过编写自定义的Chrome扩展来获取Ajax请求记录。这个协议提供了一套JSON-over-WebSocket API,可以让开发者实时监听和控制Chrome的调试接口,包括网络请求的...

    html页面模式get/post请求

    在这个场景中,我们探讨的主题是如何利用HTML页面来模拟GET和POST请求,尤其是处理POST请求时如何以JSON(JavaScript Object Notation)格式传递参数。这在前端开发、网页表单提交以及API测试中是非常常见且重要的...

    Express获取get和post传过来的参数

    总结,Express通过`req.query`和`req.body`提供了一种直观的方式来获取GET和POST请求的参数。在实际项目中,我们还需要根据Content-Type正确配置中间件,如`body-parser`和`multer`,以便正确解析不同类型的POST请求...

    javascript实现fetch请求返回的统一拦截

    JavaScript中的fetch API是一种现代的异步数据获取方式,它提供了更简洁、更符合Promise特性的接口来处理HTTP请求。然而,fetch默认并不提供请求和响应的拦截器,这对于需要进行全局处理,比如鉴权、错误处理等场景...

    jquery获取URL中参数解决中文乱码问题的两种方法

    方法二通过构造一个名为 `GetRequest` 的函数来获取所有URL参数并存储在一个对象中。实现步骤如下: 1. 定义 `GetRequest` 函数。 2. 获取查询字符串(即URL中“?”后的部分)存入 `url` 变量中。 3. 如果 `url` ...

    定时Get请求.zip

    GET请求的特点是其请求参数会显示在URL中,因此不适合传递敏感信息,同时由于GET请求的幂等性,多次相同的GET请求应返回相同的结果。 定时GET请求则是在特定时间间隔内自动执行GET请求的功能。这种功能在很多场景下...

    HttpGET获取网络数据不断刷新页面显示

    HttpGET是HTTP协议中的一个基本请求方法,用于从服务器获取资源。它通过在URL中携带参数来请求数据,这些参数通常是可见的,并且被记录在浏览器的历史记录中。GET请求通常用于获取静态或者不会改变的数据,因为它们...

    Javascript获取HTML静态页面参数传递值示例

    ”后面的查询字符串,其中参数通过“=”连接键和值。通过split函数,我们可以将参数字符串按“=”分割成数组,然后根据数组索引来获取具体的参数值。示例如下: ```javascript var urlInfo = window.location.href;...

    JavaScript实现QueryString获取GET参数的方法

    这篇文章深入地探讨了如何使用JavaScript来解析URL中的查询字符串,并从中获取GET参数的值。我们将详细阐述以下几个关键点: 1. 什么是查询字符串(QueryString)? 2. 如何在JavaScript中获取当前URL的查询字符串...

    Java Http请求传json数据乱码问题的解决

    在Java代码中,当通过HTTP请求传输包含中文的JSON数据时,前端通常会使用JavaScript的`JSON.stringify`函数将JSON对象转换为字符串,并通过GET或POST请求传递给后端。在JavaScript中,字符串默认使用UTF-8编码,因此...

    WinForm关于CefSharp获取后的资源、截取request参数、拦截response数据、注入jquery文件和js代码

    通过实现不同的接口和方法,我们可以获取资源、拦截请求参数、处理响应数据,并灵活地注入JavaScript代码,极大地增强了应用程序的功能和用户体验。在实际项目中,合理运用这些技术可以打造出强大且定制化的Web界面...

    获取request的参数

    在Web开发中,获取HTTP请求中的参数是一项基本且至关重要的任务。这通常涉及到解析客户端(如浏览器)发送到服务器的数据,这些数据可能包含在URL、请求体或HTTP头部。本篇将深入探讨如何在不同的编程语言和框架中...

    Javascript-get-Request.rar_javascript

    首先,让我们深入理解如何使用JavaScript获取URL查询参数。在浏览器中,当用户访问一个网页时,URL(统一资源定位符)会携带一些附加信息,这些信息以问号(?)分隔,后面跟着一系列的键值对,这就是查询参数。例如...

    实例详解Android Webview拦截ajax请求

    如果可以,那就需要一种在 JavaScript 和 Native 之间通信的桥梁(JavaScript Bridge),通过它,JavaScript 将请求信息传递给 Native,Native 完成真正的请求后再将结果数据传递给 JavaScript。 思路虽然简单,但...

    Http请求传参SpringMVC接收参数详细解析

    在Web开发中,SpringMVC框架是Java领域中处理HTTP请求的常用工具,它提供了多种接收前端传参的方式。本文将深入解析SpringMVC如何处理GET和POST请求中的参数,以及如何使用@RequestParam和@RequestBody注解。 1. ...

    jsp+ajax发送GET请求的方法

    在这个方法中,我们通过`HttpServletRequest`对象获取GET请求中传递的参数值,比如用户名。根据用户名的值,我们进行简单验证,并将验证结果返回给前端。在这个例子中,如果用户名是"admin",则返回验证不通过的信息...

Global site tag (gtag.js) - Google Analytics