`

Javascript 更新地址url参数的方法

    博客分类:
  • js
 
阅读更多

javascript 更新地址url参数的方法:

 

/**
 * URL ツール及び方法
 */
var UrlUtils = {
	/**
	 * chn 修改url中指定的参数
	 * @param obj			chn 参数
	 * @returns 文字列
	 */
	changeLoctionWithParams: function(obj) {
		return this.changeUrlStrWithParams($.trim(window.location.href), obj);
	},
	/**
	 * chn 修改href中指定的参数
	 * @param href			文字列
	 * @param obj			chn 参数
	 * @returns 文字列
	 */
	changeUrlStrWithParams: function(href, obj) {
		if (!obj || typeof obj != "object") {
			return "";
		}
		if (!href) {
			return "";
		}
		var locationObj = this.parseUrlString(href);
		var urlPrevious = locationObj.urlPrevious;
		var params = locationObj.params;
		// chn 使用自定义配置覆盖默认配置
		$.extend(params, obj);
		var paramStr = "";
		for (key in params) {
			if (paramStr) {
				paramStr += "&";
			}
			paramStr += key+"="+params[key];
		}

		if (!paramStr) {
			return urlPrevious;
		} else {
			return urlPrevious+"?"+paramStr;
		}
	},
	/***
	 * chn 解析Url字符
	 * @param href
	 * @returns {
	 * 		urlPrevious: chn Url前缀,
	 * 		params: chn 参数对象
	 * }
	 */
	parseUrlString: function(href) {
		var retObj = {
			urlPrevious: "",
			params: {}
		}
		if (!href) {
			return retObj;
		}
		var totalLength = href.length;
		var splitIndex = href.indexOf("?");
		var urlPrevious = href;
		var params = {};
		if (splitIndex > 0) {
			urlPrevious = href.substring(0, splitIndex);
			paramStr = href.substring(splitIndex+1, totalLength);
			var fs = paramStr.split(/[&]+/);
			$.each(fs, function(i, str){
				var ss = str.split(/[=]+/);
				params[ss[0]] = ss[1];
			});
		}

		return {
			urlPrevious: urlPrevious,
			params: params
		}
	}
};

 

分享到:
评论

相关推荐

    自己写的JavaScript获取URL参数方法

    总的来说,通过JavaScript获取URL参数是一项基础但实用的技能,它涉及到URL解析、字符串操作以及可能的JSON处理。在实际项目中,这样的函数可以大大提高代码的可复用性和灵活性,使我们能够轻松地从URL中提取和处理...

    js获取url,javascript获取url参数等

    设置或获取整个 URL 为字符串。 设置或获取与 URL 关联的端口号码。 设置或获取 URL 的协议部分。 设置或获取 href 属性中在井号“#”后面的分段。 设置或获取 location 或 URL 的 hostname 和 port 号码。 ...

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

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

    javascript将url中的参数加密解密代码

    `Encrypt` 函数用于加密URL参数,而 `Decrypt` 函数则用于解密已加密的数据。 1. **加密过程**: - 首先,函数检查输入的字符串 `str` 是否为空,如果为空则返回空字符串。 - 接着,使用 `escape` 函数对字符串...

    javascript获取url上的参数.rar

    获取URL参数的常用方法是解析这个查询字符串。以下是一种实现方式: ```javascript function getURLParameters(url) { var params = {}; var parser = document.createElement('a'); parser.href = url || ...

    javascript 取Url参数和去掉字符串前后空格方法

    ### JavaScript 获取URL参数和去除字符串前后空格的方法 在日常的Web开发中,经常会遇到需要获取URL中的参数或处理字符串的情况。例如,在用户点击某个链接或者表单提交后,我们可能需要从URL中提取出某些特定的...

    nodejs实现获取当前url地址及url各种参数值

    在提供的文件内容中,涉及到了两个关键部分的代码示例,分别是在Node.js中获取当前请求的URL地址和参数值,以及如何使用JavaScript在客户端获取当前URL地址。 首先,我们来看Node.js中如何获取当前请求的URL地址及...

    JavaScript正则获取地址栏中参数的方法

    JavaScript正则获取地址栏中参数的方法主要阐述了如何通过正则表达式在JavaScript中获取URL地址栏参数值的技巧。这一方法在Web开发中十分实用,尤其是在处理动态地址时,我们经常需要获取某些特定的查询参数值。通过...

    JavaScript获取Url中的参数(解决中文乱码)

    JavaScript获取Url中的参数(解决中文乱码) 可以点击更改URL按钮 修改url中的参数

    js获取url参数

    本文将详细介绍一种利用自定义函数`getUrlParam`来获取URL参数的方法,并对其进行深入解析。 #### 二、基础知识回顾 ##### 2.1 URL 结构 URL(Uniform Resource Locator)是统一资源定位符,用于标识互联网上的...

    js获取url参数.rar url参数获取

    JavaScript提供了多种方法来获取URL参数,如`window.location.search`、`URLSearchParams`接口以及正则表达式。开发者可以根据项目需求和浏览器兼容性选择合适的方法。理解这些方法的工作原理对于开发Web应用至关...

    php获取URL中带#号等特殊符号参数的解决方法

    使用这种方法,即使URL参数值中包含如井号(#)这样的特殊符号,我们也能够正确地获取完整的值。 最后,需要提醒的是,虽然escape函数能够解决特殊符号带来的问题,但自ECMAScript 5起,escape函数已被废弃,现代...

    url参数中传递特殊字符处理方法

    URL参数中传递特殊字符处理方法 在进行 URL 参数传递时,需要处理特殊字符的编码问题。因为有些符号在 URL 中是不能直接传递的,需要使用他们的编码。以下是常见的 URL 特殊符号及编码: 1. + 号表示空格,编码为 ...

    Jquery 获取url参数

    在jQuery中,没有直接用于获取URL参数的内置函数,但我们可以利用JavaScript的`location.search`属性和`split()`、`map()`、`reduce()`等数组方法来实现。以下是一种常见的实现方式: ```javascript function ...

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

    为了解决这个问题,我们可以采取一些方法,特别是当使用jQuery来获取URL参数时,有以下两种方法特别有效。 方法一是利用正则表达式来匹配和解析URL参数,这是一种相对直接且有效的方式。具体实现步骤如下: 1. ...

    js实现ifram取父窗口URL地址的方法

    本文介绍的JavaScript方法,就是如何在iframe中实现获取父窗口URL地址的过程。这一过程利用了JavaScript中的window.parent对象,它是iframe元素与父窗口之间的桥梁。 首先,理解window对象在JavaScript中的地位非常...

    javaScript获取浏览器参数

    - **动态路由**:根据URL参数的不同加载不同的页面或组件。 #### 4. 注意事项 - 在实际应用中,将自定义方法附加到原生对象的原型上可能会导致与第三方库或其他代码冲突,建议考虑封装为独立函数。 - 对于安全性较...

    使用JavaScript获取URL中的参数(两种方法)

    本文将详细介绍两种使用JavaScript获取URL参数的方法。 ### 方法一:通过字符串操作 这种方法是通过分割URL的查询字符串来查找指定的参数。首先,我们获取URL的查询部分,然后将它分解为键值对数组,最后遍历这个...

    JSP中js传递和解析URL参数以及中文转码和解码问题.docx

    本文将详细介绍如何在JSP页面中利用JavaScript进行URL参数的传递和解析,并解决中文字符的编码与解码问题。 #### 二、URL参数传递 在JSP中,通常使用JavaScript来动态构建URL并传递参数。以下是一个典型的例子: ...

    获取url中参数,javascript,你值得拥有

    获取url中参数,javascript,你值得拥有

Global site tag (gtag.js) - Google Analytics