js url 传递对象参数

最新推荐文章于 2025-07-15 09:25:03 发布

原创最新推荐文章于 2025-07-15 09:25:03 发布 · 5.5k 阅读

1 ·

CC 4.0 BY-SA版权

web H5 专栏收录该内容

68 篇文章

订阅专栏

本文介绍了如何使用encodeURI()函数对字符串进行URI编码，并通过JSON.stringify()将对象转换为字符串，最后通过JSON.parse()将其还原为对象。示例代码展示了在JavaScript中如何处理对象并将其编码为URI安全的字符串。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用 encodeURI() 方法，它可以接收一个字符串对象，在 JS 中就可以使用 JSON.parse() 转会对象。

w3c给出的解释是： encodeURI() 函数可把字符串作为 URI 进行编码。

var eg = {
  keyName: 'U_key',
  MODULE_CODE: '123'
  PRIMARY_KEY:  'abc'
}
var jsonObj = JSON.stringify(eg)
var url = basePath + 'customManage/openListChild.do?TYPE_ID= P11227f338d03&PAPERCODE' + encodeURI(jsonObj)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hyupeng1006

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js url参数转对象类型（对象类型转url参数）支持中文解码编码

词不达意难知的博客

06-27

534

js url参数转对象类型（对象类型转url参数）支持中文解码编码

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

08-09

js地址栏参数获取，并生成对象

参与评论您还未登录，请先登录后发表或查看评论

JS使用URL传递对象参数

最新发布

weixin_74261199的博客

07-15

210

我希望前端可以通过url传递嵌套的对象，如这个helpParam是帮我传递一些不定参数的对象，但是这样写实际上会被转化为/api/user/list?但是url是不支持[]这种字符的。

【JS】URLSearchParams 对象（以对象的形式上传参数到url）

qq_45677671的博客

04-20

3982

文章目录基本用法实践运用基本用法此功能某些浏览器尚在开发中，兼容性可能不是很好。 URLSearchParams() 构造器：创建并返回一个新的URLSearchParams 对象。开头的’?’ 字符会被忽略。语法： // init: 参数可选，为一个 USVString var URLSearchParams = new URLSearchParams(init); 示例： // 传入一个字符串字面值 var url = new URL('https://example.com?fo

url怎么传递对象

weixin_43239880的博客

04-06

2838

url怎么传递对象

JavaScript 使用URL跳转传递数组对象数据类型的方法

qq_68862343的博客

07-10

3685

这些只是简单的数据类型，如果需要传递引用数据类型或者数据中存在汉字，需要先使用JSON.stringify() 方法将数据进行转换。使用路由传参可以参考了解浏览器的地址链接，‘’ 后边的就是参数，多个参数用 ‘这里推荐使用第二种方法，更为简便。

JS传递对象数组为参数给后端,后端获取的实例代码

01-19

前端JS代码：　var conditons = []; 　var test1 = new Object(); 　test1.name=1; 　test1.id=2; 　var test2 = new Object(); 　test2.name=1; 　test2.id=2; 　conditons.push(test1); 　conditons.push(test2...

微信小程序 navigator 跳转url传递参数

08-31

微信小程序 navigator 跳转 URL 传递参数 ...同时，也可以使用 options 对象或 JS 函数来获取 URL 中的参数。 Mastering this skill can help developers to build more powerful and flexible WeChat mini programs.

navigator 跳转url传递参数，bindtap等事件传参

03-29

一：navigator 跳转url传递参数 (此图片来源于网络，如有侵权，请联系删除! ) 使用方法说明 (1)传值:在navigator的属性url后拼接?id(参数名字)=要传递的值 (如果多个参数用&分开 &name=value&…….) (2)取值：...

jsp中URL传递中文参数的处理方法

01-08

在页面的url中使用encodeURI(encodeURI(中文))，对中文... 您可能感兴趣的文章:js将json格式的对象拼接成复杂的url参数方法js的form表单提交url传参数(包含+等特殊字符)的两种解决方法JS根据key值获取URL中的参数值及

【JS】以对象的形式传参到url（URLSearchParams）（工作常用）

m0_61049675的博客

01-26

697

【代码】【JS】以对象的形式传参到url（URLSearchParams）（工作常用）

前端知识（十）———JavaScript 使用URL跳转传递数组对象数据类型的方法

2301_79265530的博客

12-10

2209

使用location.assign()方法传递的URL必须是绝对路径，否则会导致页面无法重定向的情况，而且在IE8以下版本中，如果URL的长度超过了2083个字符，调用location.assign()方法将会失败，在一些浏览器中，如果在页面加载完成后对location.assign()进行调用，可能会导致页面闪烁现象。replace则是将当前页面的路径进行了替换，浏览器的后退按钮不会在生效。href是在当前页面进行跳转，浏览器的后退按钮还是可以点击的。’ 后边的就是参数，多个参数用 ‘

js 把url参数转对象

dibeichan3033的博客

11-28

284

//注意url中要含?function getParameterByName(name, url) { if (!url) { url = window.location.href; } name = name.replace(/[\[\]]/g, "\\$&");...

js接收并处理上一个页面通过URL传过来的对象

supersoulsoul

05-05

1217

//js接收并处理通过URL传过来的对象 varquery =window.location.search; query =decodeURI(query); varobj=query.match(/\{[^\}]+\}/)[0]; obj=obj.replace(/%3A/g,':'); obj=JSON.parse(obj); ...

html 用js地址栏传参数值,js获取地址栏中传递的参数(两种方法)

weixin_39900531的博客

06-28

877

第一种：字符串拆分法window.location.href 或者 location.href 或者 window.location 获得地址栏中的所有内容decodeURI()可以解码地址栏中的数据恢复中文数据window.search 获得地址栏中问号及问号之后的数据//获取地址栏里(URL)传递的参数function GetRequest(value) {//url例子：www.bicyc...

JavaScript 页面跳转并传值,解析url成对象

红叶岭谷的博客

07-31

4189

一、页面跳转 1.window.location.href=”test01.html”;//本地页面跳转 2.window.open(“test01.html”) // 打开新窗口 3.window.location.assign(“http://blog.youkuaiyun.com/male09“);//加载一个新的文档。二、页面传值需要跳转的 url: var url = "TestJS.

URL跳转传参包含对象的处理

sven_chen93的博客

04-27

633

2、再通过URL拼接传参，在拼接参数的时候，文档不是很清晰，这类对接也比较少，过程比较曲折。当然我们的加密方式多种多样，我们用的是最简单的base64（btoa）1、流程首先需要获取token；

笔记：利用url传递对象

qq_42583216的博客

04-10

3736

利用异步建表之后，查看某一行的详细信息，要求不能利用id查询，就需要在当前页面传输对象到另一个页面 1.首先我们都知道url传参数很简单。利用url?name=zhangsan;//在url页面即可获得参数 2.传对象需要进行json处理。利用JSON.stringify(obj)处理json格式数据可以传输；但对象格式和json格式有一点区别，他不是简单的键值对。 3.利用编码解码对js...

url中传递对象参数

03-01

### 如何在URL中传递JavaScript对象参数当需要通过URL来传递复杂的JavaScript对象作为参数时，通常会先将该对象序列化成字符串形式再附加到URL上。对于简单的键值对可以利用`URLSearchParams`接口[^3]；而对于较为复杂的数据结构，则可能涉及到JSON字符串化的处理。 #### 使用`URLSearchParams` 针对基本的对象属性（即键值均为简单类型的对象），可以直接借助于`URLSearchParams`来进行操作： ```javascript const obj = { name: 'Alice', age: 25 }; const params = new URLSearchParams(Object.entries(obj)); console.log(params.toString()); // 输出："name=Alice&age=25" ``` 上述代码创建了一个新的`URLSearchParams`实例，并通过调用其`.toString()`方法获取到了可用于拼接至URL后的查询串部分。 #### JSON.stringify 结合 encodeURIComponent 如果要传输的是包含数组或其他嵌套结构在内的更为复杂对象的话，推荐的做法是先把此对象转换为JSON格式的字符串表示法，然后再对其进行编码以便安全地放置于URL之中： ```javascript let complexObj = { id: 1, details: ["itemA", "itemB"], metaInfo: { key: "value" } }; // 将对象转化为json字符串并进行编码 let encodedData = encodeURIComponent(JSON.stringify(complexObj)); // 构建最终的目标链接地址 let targetUrl = `/some/path?data=${encodedData}`; console.log(targetUrl); ``` 这里采用了`JSON.stringify()`函数把原始对象变成了易于解析的一维字符串表达方式，之后又运用了`encodeURIComponent()`确保所有特殊字符都被正确转义从而不会破坏URL语法结构[^4]。接收端则需执行相反的过程——先解码再反序列化回原状： ```javascript function parseQueryParams(queryString){ let queryDict = {}; queryString.split('&').forEach(pair => { if (pair.length === 0) return; let [key, value] = pair.split('=').map(decodeURIComponent); try{ queryDict[key] = JSON.parse(value); }catch(e){ queryDict[key] = value; } }); return queryDict; } // 假设从服务器返回或由浏览器路由得到这样的query string let receivedQueryString = "data={\"id\":1,\"details\":[\"itemA\",\"itemB\"],\"metaInfo\":{\"key\":\"value\"}}"; let parsedObject = parseQueryParams(receivedQueryString); console.log(parsedObject); ``` 这段脚本定义了一个辅助函数用来解析传入的查询字符串，并尝试恢复其中被编码过的JSON数据项为其对应的JavaScript对象形态。