如何将html表单转换成url,如何将x-www-form-urlencoded字符串转换为JSON?应用的

我最近一直在处理这个问题:我不得不解析可能包含嵌套深达5层的对象的数据。我需要的代码能够处理这两个相当复杂的数据,但不能错误地解码一个URI,就像id=213一样简单。

我花了相当一段时间在谷歌上,试图找到一个(半)优雅的解决方案来解决这个问题,并且这个问题不断出现。由于它得到1个视图/天(给予或采取)我决定张贴在这里我的解决方案,希望它可以帮助别人了:

function form2Json(str)

{

"use strict";

var obj,i,pt,keys,j,ev;

if (typeof form2Json.br !== 'function')

{

form2Json.br = function(repl)

{

if (repl.indexOf(']') !== -1)

{

return repl.replace(/\](.+?)(,|$)/g,function($1,$2,$3)

{

return form2Json.br($2+'}'+$3);

});

}

return repl;

};

}

str = '{"'+(str.indexOf('%') !== -1 ? decodeURI(str) : str)+'"}';

obj = str.replace(/\=/g,'":"').replace(/&/g,'","').replace(/\[/g,'":{"');

obj = JSON.parse(obj.replace(/\](.+?)(,|$)/g,function($1,$2,$3){ return form2Json.br($2+'}'+$3);}));

pt = ('&'+str).replace(/(\[|\]|\=)/g,'"$1"').replace(/\]"+/g,']').replace(/&([^\[\=]+?)(\[|\=)/g,'"&["$1]$2');

pt = (pt + '"').replace(/^"&/,'').split('&');

for (i=0;i

{

ev = obj;

keys = pt[i].match(/(?!:(\["))([^"]+?)(?=("\]))/g);

for (j=0;j

{

if (!ev.hasOwnProperty(keys[j]))

{

if (keys.length > (j + 1))

{

ev[keys[j]] = {};

}

else

{

ev[keys[j]] = pt[i].split('=')[1].replace(/"/g,'');

break;

}

}

ev = ev[keys[j]];

}

}

return obj;

}

我测试过它,比如下面的字符串数据(4级深):

str = "id=007&name[first]=james&name[last]=bond&name[title]=agent&personalia[occupation]=spy&personalia[strength]=women&personalia[weakness]=women&tools[weapons][close][silent]=garrot&tools[weapons][medium][silent]=pistol_supressed&tools[weapons][medium][loud]=smg&tools[weapons][far][silent]=sniper&tools[movement][slow]=foot&tools[movement][far]=DBS";

整齐地返回一个对象,即,当通过JSON.stringify传递出来是这样的:

{"id":"007","name":{"title":"agent","first":"james","last":"bond"},"personalia":{"weakness":"women","occupation":"spy","strength":"women"},"tools":{"movement":{"far":"DBS","slow":"foot"},"weapons":{"close":{"silent":"garrot"},"medium":{"silent":"pistol_supressed","loud":"smg"},"far":{"silent":"sniper"}}}}

它通过一个JSLint的检查,忽略空白,.和时并接受++。总而言之,我认为这是可以接受的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
接口请求格式x-www-form-urlencoded、formjson的区别在于数据的传输方式和格式。 x-www-form-urlencoded是一种常见的数据传输方式,适用于传输简单的键值对数据。在这种格式下,数据会被转换成URL编码的字符串,然后作为请求体的一部分发送给后端。例如,'name=edward&age=25'。 form格式也是一种常见的数据传输方式,适用于传输表单数据。在这种格式下,数据会被封装成一个表单对象,然后作为请求体的一部分发送给后端。这种格式通常用于上传文件,需要设置编码格式为multipart/form-data。例如,通过表单提交文件时,会将文件数据封装成一个表单对象,然后发送给后端。 json格式是一种常见的数据传输格式,适用于传输复杂的结构化数据。在这种格式下,数据会被转换成JSON字符串,然后作为请求体的一部分发送给后端。后端需要设置请求头的content-type为application/json来指定接收JSON格式的数据。例如,{ 'name':'edward', 'age':'25' }。 总结来说,x-www-form-urlencoded适用于简单的键值对数据,form适用于传输表单数据和上传文件,json适用于传输复杂的结构化数据。具体使用哪种格式取决于后端接口的要求和数据的结构。 #### 引用[.reference_title] - *1* *2* [axios中post请求 json 和 application/x-www-form-urlencoded 使用](https://blog.csdn.net/MuHao_Hearbeat/article/details/124040998)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Post请求的3种编码格式:application/x-www-form-urlencoded和multipart/form-data和application/json](https://blog.csdn.net/u013258447/article/details/101107743)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值