获取URL中的参数和对应值，以键值对方式返回

电玩女神 2022-06-01 01:35 241阅读 0赞

根据题意，URL可分为三类。即无参数，有一个参数，有多个参数。

http://www.jiangxiaobai.com
    http://www.jiangxiaobai.com?name=xiaobai
    http://www.jiangxiaobai.com?name=xiaobai&age=17

参数跟在字符“？”之后，参数之间用“&”隔开，参数名和值则用“=”连接

解决方法如下

1、判断URL中是否含有字符“？”。无，则结束并提示不包含参数和对应值；有，获取参数和对应值部分再进行拆分

url.indexOf("?")>-1 // 判断是否含有字符“？”

2、获取参数与对应值部分

var paraStr=url.split("?")[1];

3、结合字符“&”将各个参数分离

paraItems=paraStr.split("&"）;

4、遍历步，骤3的结果，对每一项再进行拆分，得到参数和对应值，最后以键值对的形式存放

**通过window.location获取当前页面URL，window.location.search 获取以“？”开头的参数名和对应值拼接而成的字符串，**

**处理方式大同小异，在此不做赘述**

var url="www.baidu.com?name=baibai";
    
    function getPara(url){
    	if(url.indexOf("?")>-1){
    	    var result=[];
    		var paraStr=url.split("?")[1];
    		var paraItems=paraStr.split("&");
    		for(var i=0;i<paraItems.length;i++){
    		   var paraKey=paraItems[i].split("=")[0];
    	       var paraValue=paraItems[i].split("=")[1];
    		   result.push({
    		     key:paraKey,
    		     value:paraValue
    		    })
    		}	
    	console.log(result)	
    	}else{
    		console.log("该URL中不含参数")
    	}
    }
    
    getPara(url)

发表评论取消回复

表情：

评论列表（有 0 条评论，241人围观）

还没有评论，来说两句吧...

相关阅读

相关使用js获取Url中参数的值

//paraName是url的key function getUrlParam(paraName) { var url = document.l

Love The Way You Lie/ 2023年11月29日 06:39/ 0 赞/ 276 阅读

相关 Java给指定URL字符串添加值和获取URL字符串中的参数值

/ 在指定url后追加参数 @param url @param data 参数集合 key = value @retur

川长思鸟来/ 2023年10月17日 23:13/ 0 赞/ 46 阅读

相关 C++-map：获取map中value最大值、最小值对应的键值对

//定义比较的函数 bool cmp_value(const pair<int, int> left,const pair<int,int> right){

墨蓝/ 2023年09月25日 14:18/ 0 赞/ 147 阅读

相关 php中解析url并得到url参数对应的值

php中解析url并得到url参数对应的值解析该url得到里面的参数把一个数组拼接成url传递解析该url得到里面的参数

今天药忘吃喽~/ 2022年11月06日 11:53/ 0 赞/ 182 阅读

相关获取url中传递的参数值

$().ready(function(){ var url = "http://zhidao.baidu.com/link?url=dYuZUoUbaHi

超、凢脫俗/ 2022年08月09日 14:48/ 0 赞/ 208 阅读

相关 js获取Url中参数值

有时候我们在网页上需要获取url中某个参数的值，如http:www.test.com/index.html?value1=1&value2=2；这时需要获取value1或

刺骨的言语ヽ痛彻心扉/ 2022年07月28日 05:07/ 0 赞/ 290 阅读

相关获取URL中的参数和对应值，以键值对方式返回

根据题意，URL可分为三类。即无参数，有一个参数，有多个参数。 http://www.jiangxiaobai.com http://www.jia

电玩女神/ 2022年06月01日 01:35/ 0 赞/ 242 阅读

相关获取页面URL参数值

JavaScript function GetParams(urlAddress) { var i, strLength, str, keyNa

深碍√TFBOYSˉ_/ 2022年03月31日 12:16/ 0 赞/ 350 阅读

相关 JS 获取URL参数值

一.获取url后面所有参数值 var Request = new Object(); Request = GetRequest();

水深无声/ 2021年10月15日 14:12/ 0 赞/ 538 阅读

相关封装函数获取url中的参数值

function getUrlkey(url) \{ var params = \{\}, arr = url.split("?");

深碍√TFBOYSˉ_/ 2021年09月03日 04:10/ 0 赞/ 770 阅读