json对象转为url参数_url地址数据参数转化JSON对象（js三种方法实现）

当我们用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()));

javascript生成对象的三种方法

/** js生成对象的三种方法*/ // 1.通过new Object,然后添加属性 示例如下: var people1 = new Object(); people1.name = 'xiaohai ...

jquery动态加载js三种方法实例

这里为你提供了三种动态加载js的jquery实例代码哦,由于jquery是为用户提供方便的,所以利用jquery动态加载文件只要一句话$.getScript(\"test.js\" ...

获取class对象的三种方法以及通过Class对象获取某个类中变量,方法,访问成员

public class ReflexAndClass { public static void main(String[] args) throws Exception { /** * 获取Clas ...

JS中将json字符串转为json对象的三种方式

第一种:利用JSON的parse方法,即jsonObj=JSON.parse(jsonStr); 第二种:jsonObj = eval('(' + jsonStr+ ')'); 第三种:比较难理解:j ...

解析Json字符串的三种方法

在很多时候,我们的需要将类似 json 格式的字符串数据转为json, 下面将介绍日常中使用的三种解析json字符串的方法 1.首先,我们先看一下什么是 json 格式字符串数据,很简单,就是 jso ...

DataTable转换为Json字符串的三种方法

//第一种:使用StringBuilder  public string DataTableToJson(DataTable table) { var JsonString = new StringB ...

JavaScript RegExp 对象的三种方法

JavaScript RegExp 对象有 3 个方法:test().exec() 和 compile().(1) test() 方法用来检测一个字符串是否匹配某个正则表达式,如果匹配成功,返回 tr ...

Android中传递对象的三种方法

Android知识.前端.后端以至于产品和设计都有涉猎,想成为全栈工程师的朋友不要错过! Android中,Activity和Fragment之间传递对象,可以通过将对象序列化并存入Bundle或者I ...

Datagrid数据导出到excel文件的三种方法

原文连接: http://www.cnblogs.com/xieduo/articles/606202.html 一.文件保存在服务器,提供下载 方法一:导出到csv文件,存放在服务器端任一路径,然后 ...

随机推荐

【poj3071】 Football

http://poj.org/problem?id=3071 (题目链接) 题意 ${2^n}$个队伍打淘汰赛,输的被淘汰.第1个队打第2个队,第3个队打第4个队······给出第i个队伍打赢第j个队 ...

win7，安装node失败

win7下,下载node安装包,安装之后 打开命令行输入 node -v,仍然提示命令不可用. 解决办法: 找到环境变量: 在用户变量里修改 path: 添加系统变量 NODE_PATH: 关机重启电 ...

JavaScript客户端MVC 框架综述

简介 15 年前,许多人都使用 Perl 和 ColdFusion 之类的工具构建网站.我们经常编写可以在页面顶部查询数据库的脚本,对数据应用必要的转换,以及在同一个脚本底部显示数据.这类架构适合于向 ...

java 实例之杨辉三角

public class study{ public static void main(String args[]){ int i,j,level=7; int Yang[][] = new int[ ...

判断相同区间(lazy) 多校8 HDU 5828 Rikka with Sequence

// 判断相同区间(lazy) 多校8 HDU 5828 Rikka with Sequence // 题意:三种操作,1增加值,2开根,3求和 // 思路:这题与HDU 4027 和HDU 5634 ...

innerHeight与clientHeight、innerWidth与clientWidth、scrollLeft与pageXOffset等属性

区分innerHeight与clientHeight.innerWidth与clientWidth.scrollLeft与pageXOffset等属性 标签: innerheight clienthe ...

json学习初体验--第三者jar包实现bean、List、map创json格式

1.的需要jar包裹json-lib.jar 下载链接: http://sourceforge.net/projects/json-lib/files/json-lib/ 此包还须要下面的依赖包, c ...

win10安装JDK详细教程

电脑进行了重装机器.需要重新安装,在此记录一下. 点击下一步.选择安装路径 . 等待后,选择安装位置. 点击下一步,继续等待. 安装完成. 设置环境变量 在桌面右键单击 我的电脑→属性→高级系统设置→ ...

二维数组中的查找(python)

题目描述 在一个二维数组中(每个一维数组的长度相同),每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序.请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数 ...

Qt: QSqlRecord字段值为null时注意事项

QSqlRecord在对应字段值为null时,QSqlRecord::value返回的QVariant是有效但为null(相当于使用QVariant(Type type)构造的),所以此时做对应类型的 ...