分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

url地址数据参数转化JSON对象(js三种方法实现)

发布时间:2023-09-06 02:22责任编辑:董明明关键词:jsurl

当我们用get方法提交表单时,在url上会显示出请求的参数组成的字符串,例如:http://localhost:3000/index.html?phone=12345678901&pwd=123123,在服务器端我们要获取其中的参数来进行操作,这种情况下,就要对请求过来的网址进行拆解了。下面将用3种方法实现:

1、js原生方法

思路:先通过split拆解?得到字符串phone=12345678901&pwd=123123   ,然后在通过split拆解&符号左右的字符串,最后再通过split拆解=号左右的字符串即可。

let str = "http://localhost:3000/index.html?phone=12345678901&pwd=123123";let arr = str.split("?")[1].split("&"); ??//先通过?分解得到?后面的所需字符串,再将其通过&分解开存放在数组里let obj = {};for (let i of arr) { ?obj[i.split("=")[0]] = i.split("=")[1]; ?//对数组每项用=分解开,=前为对象属性名,=后为属性值}console.log(obj);

2、node.js方法之url+queryString

思路:先通过url.parse(str1)获得一个分解url的对象,调用query属性得到字符串:phone=12345678901&pwd=123123  ;然后用querystring.parse()方法来直接转换成JSON对象。

const url = require("url");const querystring = require("querystring");let str1 = "http://localhost:3000/index.html?phone=12345678901&pwd=123123";console.log(querystring.parse(url.parse(str1).query)); 

url.parse()转化分解后的url对象来源:可见query指向了  请求参数的字符串部分。

3、node.js方法之url的解构方法

思路:使用node.js自带的URL构造函数得到。

const {URL} = require("url");
let str1 = "http://localhost:3000/index.html?phone=12345678901&pwd=123123";

let obj1 = new URL(str); ??
console.log(querystring.parse(obj1.searchParams.toString()));

url地址数据参数转化JSON对象(js三种方法实现)

原文地址:https://www.cnblogs.com/zhangzhiyong/p/9949641.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved