js 地址请求解析

水深无声 2023-07-04 03:23 14阅读 0赞

例如这串地址：http://127.0.0.1:5500/class-review/20200102/a.html?id=1001&name=sky；他传递了一些信息，id=1001、name=sky；下面要做的就是把传递的信息从网址里面解析出来，为了便于理解，咱用的这是未加密传输。

document.write(document.URL);//document.URL是地址请求
    
    // 解析请求
    function getDate() { 
        if (document.URL.indexOf("?") < 0) return;  //如果找不到？的话（indexOf("?")返回-1<0），就返回
        var str = document.URL.split("?")[1];  //将？后面的请求提取出来
        var obj = { }; //接收最终返回的内容
        var arr; //临时容器
        if (str.indexOf("&") < 0) {   //检索indexOf("&")=-1，没有&符号，表示参数只有一个或不存在，则进入条件
            if (str.indexOf("=") < 0) return; //如果一个参数都没有的话，就返回
            arr = str.split("="); //有的话，就把分割的两边存入arr数组
            obj[arr[0]] = arr[1]; //然后以arr[0]为key，arr[1]为value存入对象obj
            return obj; //然后返回
        }
        arr = str.split("&"); //若参数需要用&分开，说明有多个参数，则将字符串用&分割开为数组，一次性给arr
        var arr1;  //arr1用于接收每个元素里面的用"="分割开的新元素
        for (var i = 0; i < arr.length; i++) {   //for循环，将每个参数的参数名和参数值放入obj
            arr1 = arr[i].split("=");  //重新赋值
            obj[arr1[0]] = arr1[1]; //给对象obj添加新的属性及属性值
        }
        return obj; //将获取到的信息以obj形式返回
    }
    console.log(getDate());

![效果图，显示在页面的一行是当前地址请求，可以自己试着改一下，顺便加深下理解][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200207170750382.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

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

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

相关阅读

相关 JS-预解析

文章目录预解析预解析的相关概念变量预解析函数预解析函数表达式声

冷不防/ 2024年03月17日 19:34/ 0 赞/ 116 阅读

相关 Baidu: 地址解析

package service; import java.io.IOException; import java.io.InputStream; import jav

曾经终败给现在/ 2023年07月20日 13:40/ 0 赞/ 46 阅读

相关 js获取请求地址的参数

js获取请求地址的参数解决方法： 1.用法假如请求地址是/vlivevideo.html?id=26，想获取id的值 var param=getParamet

阳光穿透心脏的1/2处/ 2023年07月09日 15:27/ 0 赞/ 56 阅读

相关 js 地址请求解析

例如这串地址：http://127.0.0.1:5500/class-review/20200102/a.html?id=1001&name=sky；他传递了一些信息，id=1

水深无声/ 2023年07月04日 03:23/ 0 赞/ 15 阅读

相关 restful请求解析

基本 ![1552472-20190818202403406-340990438.png][] 参数1 ![1552472-20190818202431491-9

女爷i/ 2023年06月03日 02:44/ 0 赞/ 160 阅读

相关 JS的解析

JS的解析学习目标： 1. 了解定位js的方法 2. 了解添加断点观察js的执行过程的方法 3. 应用 js2py获取js的方法 1 确定js的位置

阳光穿透心脏的1/2处/ 2023年01月01日 01:50/ 0 赞/ 203 阅读

相关百度地图地址解析

关于百度地图的地址解析和地址逆解析的API可参考下面网址： [Geocoding API v2.0][] 直接将一个地址信息转换为经纬度的信息，如下 <html

电玩女神/ 2022年07月13日 13:16/ 0 赞/ 346 阅读

相关关于HTTP请求错误解析

HTTP 错误 400 400 请求出错由于语法格式有误，服务器无法理解此请求。不作修改，客户程序就无法重复此请求。 HTTP 错误 401 401.1 未授权

系统管理员/ 2022年04月12日 14:20/ 0 赞/ 415 阅读

相关 JS跨域请求的问题解析

> 小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大

淩亂°似流年/ 2022年02月13日 14:13/ 0 赞/ 242 阅读

相关地址栏参数的解析

var paramsString = "q=URLUtils.searchParams&topic=api" var searchParams = new URLSearch

超、凢脫俗/ 2021年11月22日 11:36/ 0 赞/ 363 阅读