JSON转JS对象，JS对象转JSON

最新推荐文章于 2024-04-20 02:36:20 发布
最新推荐文章于 2024-04-20 02:36:20 发布
阅读量5k 收藏 3
点赞数 2
分类专栏： Java 文章标签： 对象转换

JSON转JS对象，JS对象转JSON 
	</h1>
	
	<div class="clear"></div>
	<div class="postBody">
	
		<div id="cnblogs_post_body" class="blogpost-body">
		<p>一、从服务端发来的json字符串，怎么才能作为JavaScript对象（JSON对象）在web端调用呢？</p>

1、如果使用jQuery，就很方便了，可以在ajax一系列函数中，把参数Datatype传json即可，返回的data即为JSON对象。

PS：如果要对表单处理为json字符串，可以使用.serialize()与.serializeArray()处理，如果要作为URL调用，则可以使用jQuery.param()处理。

2、$.parseJSON( jsonstr)

3、浏览器自带的JSON.parse(jsonstr)

4、使用字符串转代码功能

　　eval('(' + jsonstr + ')');（不推荐，会执行代码）

5、使用json官方的json.js

　　parse()方法

二、json对象转字符串

1、JSON.stringify(jsonobj)；

2、obj.toJSONString()

 

与java对象互转

1. //把java 对象列表转换为json对象数组，并转为字符串

    JSONArray array = JSONArray.fromObject(userlist);
    String jsonstr = array.toString();

2.//把java对象转换成json对象，并转化为字符串

  JSONObject object = JSONObject.fromObject(invite);
  Log4jInit.ysulogger.debug(object.toString());

3.//把JSON字符串转换为JAVA 对象数组

  String personstr = getRequest().getParameter("persons");
  JSONArray json = JSONArray.fromObject(personstr);
  List<InvoidPerson> persons = (List<InvoidPerson>)JSONArray.toCollection(json, nvoidPerson.class);
4.//把JSON字符串转换为JAVA 对象

  str = "{\"lendperson\":\"李四\",\"lendcompany\":\"有限公司\",\"checkperson\":\"李四\",
  \"lenddate\":\"2010-07-19T00:00:00\",\"lendcounts\":4,\"
  passports\":[{\"passportid\":\"d\",\"name\":\"李豫川\",\"passporttype\":\"K\"},
  {\"passportid\":\"K9051\",\"name\":\"李平\",\"passporttype\":\"K\"},
  {\"passportid\":\"K90517\",\"name\":\"袁寒梅\",\"passporttype\":\"K\"},
  {\"passportid\":\"K905199\",\"name\":\"贺明\",\"passporttype\":\"K\"}]}";
   JSONObject jsonobject = JSONObject.fromObject(str);
  PassportLendsEntity passportlends = null;
  try {
   //获取一个json数组
   JSONArray array = jsonobject.getJSONArray("passports");
   //将json数组 转换成 List<PassPortForLendsEntity>泛型
   List<PassPortForLendsEntity> list = new ArrayList<PassPortForLendsEntity>();
   for (int i = 0; i < array.size(); i++) {   
            JSONObject object = (JSONObject)array.get(i);  
            PassPortForLendsEntity passport = (PassPortForLendsEntity)JSONObject.toBean(object,
              PassPortForLendsEntity.class);
            if(passport != null){
             list.add(passport);
            }  
         }
   //转换PassportLendsEntity 实体类
   passportlends = (PassportLendsEntity)JSONObject.toBean(jsonobject, PassportLendsEntity.class);

1
2
« 上一篇： Spring Websocket与sockJS结合实现
» 下一篇： Spring注解 
	</div>
	<div class="postDesc">posted @ <span id="post-date">2015-04-27 10:44</span> <a href="https://www.cnblogs.com/guangshan/">光闪</a> 阅读(<span id="post_view_count">37564</span>) 评论(<span id="post_comment_count">1</span>)  <a href="https://i.cnblogs.com/EditPosts.aspx?postid=4459436" rel="nofollow">编辑</a> <a href="#" onclick="AddToWz(4459436);return false;">收藏</a></div>
</div>
<script type="text/javascript">var allowComments=true,cb_blogId=210510,cb_entryId=4459436,cb_blogApp=currentBlogApp,cb_blogUserGuid='27ea2c1f-ca91-e411-b908-9dcfd8948a71',cb_entryCreatedDate='2015/4/27 10:44:00';loadViewCount(cb_entryId);var cb_postType=1;</script>


	<div class="feedbackItem">
		<div class="feedbackListSubtitle">
			<div class="feedbackManage">
				&nbsp;&nbsp;<span class="comment_actions"></span>
			</div>
			<a href="#3895851" class="layer">#1楼</a><a name="3895851" id="comment_anchor_3895851"></a><span id="comment-maxId" style="display:none;">3895851</span><span id="comment-maxDate" style="display:none;">2018/1/23 17:09:05</span>  <span class="comment_date">2018-01-23 17:09</span> <a id="a_comment_author_3895851" href="https://www.cnblogs.com/elesos/" target="_blank">starRTC免费IM直播</a> <a href="http://msg.cnblogs.com/send/starRTC%E5%85%8D%E8%B4%B9IM%E7%9B%B4%E6%92%AD" title="发送站内短消息" class="sendMsg2This">&nbsp;</a>
		</div>
		<div class="feedbackCon">
			<div id="comment_body_3895851" class="blog_comment_body">666</div><div class="comment_vote"><a href="javascript:void(0);" class="comment_digg" onclick="return voteComment(3895851,'Digg',this)">支持(0)</a><a href="javascript:void(0);" class="comment_bury" onclick="return voteComment(3895851,'Bury',this)">反对(0)</a></div><span id="comment_3895851_avatar" style="display:none;">http://pic.cnblogs.com/face/u461810.jpg?id=05104633</span>
		</div>
	</div>
<div id="comments_pager_bottom"></div></div><script type="text/javascript">var commentManager = new blogCommentManager();commentManager.renderComments(0);</script>

</div><!--end: forFlow -->
</div><!--end: mainContent 主体内容容器-->

<div id="sideBar">
	<div id="sideBarMain">

公告

昵称： 光闪
园龄： 3年8个月
粉丝： 16
关注： 1
+加关注 
		<div id="blog-calendar" style=""><table id="blogCalendar" class="Cal" cellspacing="0" cellpadding="0" title="Calendar">
<tbody><tr><td colspan="7"><table class="CalTitle" cellspacing="0">
	<tbody><tr><td class="CalNextPrev"><a href="javascript:void(0);" onclick="loadBlogCalendar('2018/08/01');return false;">&lt;</a></td><td align="center">2018年9月</td><td class="CalNextPrev" align="right"><a href="javascript:void(0);" onclick="loadBlogCalendar('2018/10/01');return false;">&gt;</a></td></tr>
</tbody></table></td></tr><tr><th class="CalDayHeader" align="center" abbr="日" scope="col">日</th><th class="CalDayHeader" align="center" abbr="一" scope="col">一</th><th class="CalDayHeader" align="center" abbr="二" scope="col">二</th><th class="CalDayHeader" align="center" abbr="三" scope="col">三</th><th class="CalDayHeader" align="center" abbr="四" scope="col">四</th><th class="CalDayHeader" align="center" abbr="五" scope="col">五</th><th class="CalDayHeader" align="center" abbr="六" scope="col">六</th></tr><tr><td class="CalOtherMonthDay" align="center">26</td><td class="CalOtherMonthDay" align="center">27</td><td class="CalOtherMonthDay" align="center">28</td><td class="CalOtherMonthDay" align="center">29</td><td class="CalOtherMonthDay" align="center">30</td><td class="CalOtherMonthDay" align="center">31</td><td class="CalWeekendDay" align="center">1</td></tr><tr><td class="CalWeekendDay" align="center">2</td><td align="center">3</td><td align="center">4</td><td align="center">5</td><td align="center">6</td><td align="center">7</td><td class="CalWeekendDay" align="center">8</td></tr><tr><td class="CalWeekendDay" align="center">9</td><td align="center">10</td><td align="center">11</td><td align="center">12</td><td align="center">13</td><td align="center">14</td><td class="CalWeekendDay" align="center">15</td></tr><tr><td class="CalWeekendDay" align="center">16</td><td align="center">17</td><td align="center">18</td><td align="center">19</td><td align="center">20</td><td class="CalTodayDay" align="center">21</td><td class="CalWeekendDay" align="center">22</td></tr><tr><td class="CalWeekendDay" align="center">23</td><td align="center">24</td><td align="center">25</td><td align="center">26</td><td align="center">27</td><td align="center">28</td><td class="CalWeekendDay" align="center">29</td></tr><tr><td class="CalWeekendDay" align="center">30</td><td class="CalOtherMonthDay" align="center">1</td><td class="CalOtherMonthDay" align="center">2</td><td class="CalOtherMonthDay" align="center">3</td><td class="CalOtherMonthDay" align="center">4</td><td class="CalOtherMonthDay" align="center">5</td><td class="CalOtherMonthDay" align="center">6</td></tr>

		<div id="leftcontentcontainer">
			<div id="blog-sidecolumn"><div id="sidebar_search" class="sidebar-block">
    liyuanwlly
    关注
    • 2
      点赞
    • 踩
    • 3
      收藏
      觉得还不错? 一键收藏
    • 0
      评论
    专栏目录
    JSON和JS对象
    JustRemind的专栏
    09-03 813
    一 序言       z
    Object转换成json的JS代码
    hffyyff的博客
    11-04 1636
    分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 下面是通用的Objec
    json与js转换
    我的博客
    09-08 358
    JSON字符串转变为JS...
    json和JS对象转换
    java后端攻城狮
    01-10 1033
    结果是‘{“a”:"Hello","b":"World"}’;结果是{a:'Hello',b:'World'}var json = {"a":"Hello" ,"b":"word"};JSON是JS对象的字符串表示法，它使用文本表示一个JS对象的信息，本质是一个字符串。JSON和JS对象互转。
    如何把 JSON 格式的字符串，转换为 JavaScript 对象_json 转换成js转换工具
    最新发布
    m0_56169789的博客
    04-20 492
    更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。T行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。
    Json和Js之间转化及应用(实际开发常用)
    m0_65912225的博客
    09-18 2723
    起到了很重要的作用，他可以返回请求的数据，然后利用客户端的js进行解析，这一点体现出js的强大。通过for(let i in obj){}来获取，其中i为json对象obj的。Json中只要涉及到字符串就必须使用双引号，不支持undefined。数字number 字符串string 布尔boolean。，获取该键对应的值，可以通过obj[i].xxx获取。=>for in(常用！eval()函数详解。
    js的json转对象
    欢迎光临~
    05-16 2840
    使用JSON.parse()方法可以将JSON字符串转换成JavaScript对象。当JSON字符串格式正确时，该方法可以安全地使用。但是，当JSON字符串格式不正确时，该方法会抛出一个SyntaxError异常。为了避免这种情况，我们应该始终确保我们的JSON字符串格式正确，并避免常见的错误。希望本文可以帮助您更好地理解如何使用JSON.parse()方法将JSON字符串转换成JavaScript对象。
    JavaScript中的对象，入职3个月的前端程序员面临转正，四轮面试后多久出结果
    2201_75604580的博客
    04-14 493
    如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）一个人可以走的很快，但一群人才能走的更远！
    js json字符串转对象
    10-10
    总结来说，JSON字符串转对象是JavaScript中常见的操作，通过`JSON.parse()`函数可以方便地实现这一转换。了解并掌握这一功能对于进行Web开发至关重要，尤其是在与服务器进行数据交互时。同时，了解不同编程语言中...
    js将json格式内容转换成对象的方法
    10-26
    当你需要将JSON格式的数据转换为JavaScript对象时，通常有两种主要的方法：`JSON.parse()` 和 `eval()`。下面将详细介绍这两种方法以及它们的使用场景。 1. `JSON.parse()` `JSON.parse()` 是JavaScript内置的函数...
    JS操作xml对象转换为Json对象示例
    10-20
    在某些情况下，比如从旧系统迁移或者与服务器进行数据交互时，可能需要将XML数据转换为JSON对象。以下是一个详细的示例，说明如何在JavaScript中完成这个转换过程。 首先，我们需要获取XML对象。这通常通过Ajax请求...
    字符串和json对象转换js工具
    11-14
    一个非常好用的字符串和json对象转换工具类，JSON.stringify(json对象)即可转换为json字符串输出，非常用好的调试工具类。
    JS对象与json字符串相互转换实现方法示例
    10-18
    总之，理解并熟练掌握JS对象与JSON字符串的转换对于JavaScript开发者至关重要，它有助于在客户端和服务器之间有效地传递和解析数据。在实际项目中，注意浏览器兼容性和数据格式的正确性，以确保数据交换的顺利进行。
    JSON与JS对象互转
    Pigeon
    09-08 243
    JSON与JS对象的区别？？ innerText与innerHTML区别？？ DOM？？ 作用？？？ 解析JSON字符串的值--JSON→JS对象 工具：JSON对象 stringify(JS对象)--JS对象→JSON字符串 parse(JSON字符串)--JSON字符串→JS对象 方便调用属性 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title&g...
    JSON与JS之间的相互转换
    star_zhang_jx的博客
    09-29 2106
    1.什么是JSON JSON（JavaScript Object Notation js对象表示法）是一个特殊的字符串，这个字符串可以被任意的语言识别，并且可以转换为任意语言的对象，JSON在开发中主要用来数据的交互。JSON和js对象的格式一样，只不过JSON字符串中的属性名必须添加双引号，其他和js语法一致。 1.1 JSON分类 对象{} 数组[] 就是说使用JSON可以将对象和数组作为特殊的字符串进行传输，从而可以被任意语言解析操作 1.2JSON中允许的值 字符串 数值 布尔值 null
    JavaScript对象与JSON格式的转换
    热门推荐
    tyxjolin的专栏
    04-25 1万+
    JavaScript对象和JSON格式的转换在Web开发中非常常见，是Web应用程序的基本组成部分之一。JavaScript对象和JSON格式的相互转换通常使用JSON.stringify()和JSON.parse()方法，也可以使用手动转换或第三方库来实现。在实际开发中，JavaScript对象和JSON格式的转换被广泛应用于数据交换、数据存储等方面。
    JS对象和JSON的相互转换方法
    main_Scanner01的博客
    08-08 1875
    JS对象和JSON的相互转换方法 一个复杂的js对象 //json要求和js对象是一样的，只不过key必须是字符串 //js对象在声明的时候是否加双引号是可以选择的 var student = { lastName: "张山", age: 18, car: {pp: "baoma", price: "15555555555"}, infos: [{bookName: "西游记", price: 19}, 18, true] }
    在线JSON转jsdoc工具
    Linux,Java,SpringBoot,Python,Lua略知一点
    09-18 768
    在线JSON转jsdoc工具 在线JSON转jsdoc工具 本工具可以将JSON对象转换成jsdoc,支持复制和下载. JSON:(JavaScript Object Notation, JS对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。 JSDoc是一个根据javascript文件中注释信息，生成JavaScript应用程序或库、模块的API文档 的工具。你可以使用他记录如：命名
    JS中对象转换为JSON
    weixin_44943389的博客
    09-26 538
    方法将一个符合JSON格式的字符串转换成对应的JavaScript对象或值。这个方法接受一个JSON字符串作为输入，并返回一个对应的JavaScript对象。为了统一解析，JSON的字符串规定必须用双引号"“，Object的键也必须用双引号”"需要注意的是，JSON字符串必须符合严格的JSON语法，否则将会抛出一个语法错误。，我们将这个JSON字符串转换为JavaScript对象，并将其存储在。对象被转换成了一个符合JSON格式的字符串，并存储在了。包含一个符合JSON格式的字符串，它表示一个包含。
    vscode将json转换js对象
    09-20
    在输入框中输入"JSON: Stringify Javascript Object"并选中该命令，即可将JS对象转换为JSON字符串。 2. 选中JSON字符串，然后按下Ctrl + Shift + P，调出命令输入框。在输入框中输入"JSON: Parse Stringified JSON...

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

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

    请填写红包祝福语或标题

    个

    红包个数最小为10个

    元

    红包金额最低5元

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

    抵扣说明：

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

    余额充值