JS 读取JSON数据

清疚 2023-10-05 08:57 66阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4_size_16_color_FFFFFF_t_70][]

#### JSON数据： ####

var infos = {
    	"name": "Aimee",
    	"age": 18,
    	"boyfriend": true,
    	"dog": {
    		"name": "旺财",
    		"sex": "男",
    		"color": "yellow"
    	},
    	"cars":[
    		{
    			"name":"宝马",
    			"type":"X11系列"
    		},
    		{
    			"name":"爱玛",
    			"type":"C11系列"
    		},
    		{
    			"name":"婴儿",
    			"type":"B15系列"
    		}
    	]
    };

#### 读取JSON： ####

<script src="json/my.json" type="text/javascript" charset="utf-8"></script>
    
     function fun2(){
    	   var str = "";
    	   //获得数据
    	   var obj = eval(infos);
    	   
    	   //拼接
    	   str+=obj.name+"<br/>"+obj.age+"<br/>"+obj.boyfriend+"<br/>";
    	   str+=obj.dog.name+"<br/>"+obj.dog.sex+"<br/>"+obj.dog.color+"<br/>";
    	   str+="<hr/>";
    	   //循环
    	   for (var i = 0; i < obj.cars.length; i++) {
    	     str+=obj.cars[i].name+"<br/>"+obj.cars[i].type+"<br/>";
    	   }
    	   
    	   //赋值
    	   document.getElementById("p1").innerHTML=str;
       }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200824103654504.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIwMDgwODA4,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，66人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS 读取JSON数据

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hseDIw

清疚/ 2023年10月05日 08:57/ 0 赞/ 67 阅读

相关 node.js读取传入的json数据

最近在学习node.js，期间在json数据传输的问题上遇到了很多困难比如获取到的数据都是些奇奇怪怪的东西： \{\}（空的对象） \[Object object\]

ゞ浴缸里的玫瑰/ 2023年02月17日 14:57/ 0 赞/ 12 阅读

相关 uni-app读取json数据

<template> <view> <view>程序员</view> <view v-for="(item,inde

布满荆棘的人生/ 2023年01月15日 03:52/ 0 赞/ 149 阅读

相关 node.js读取JSON文件

代码如下： let path = "./plays.json"; let fs = require('fs'); let plays = JSON.p

谁借莪１个温暖的怀抱￠/ 2022年12月19日 09:02/ 0 赞/ 294 阅读

相关 js读取json数据（php传值给js）

<?php $array =array('fds','fdsa','fdsafasd'); // json_encode($array); ?>

朴灿烈づ我的快乐病毒、/ 2022年12月05日 13:57/ 0 赞/ 171 阅读

相关 java读取json数据方法

JSON-lib这个Java类包用于把bean,map和XML转换成JSON并能够把JSON转回成bean和DynaBean。下载地址:http://json-li

拼搏现实的明天。/ 2022年07月12日 11:53/ 0 赞/ 185 阅读

相关 java读取json数据方法

JSON-lib这个Java类包用于把bean,map和XML转换成JSON并能够把JSON转回成bean和DynaBean。下载地址:http://json-li

男娘i/ 2022年07月12日 11:53/ 0 赞/ 220 阅读

相关 js中 json读取解析json数据

资源贴：[https://www.cnblogs.com/jtlgb/p/6137915.html][https_www.cnblogs.com_jtlgb_p_6137915

水深无声/ 2022年04月17日 05:44/ 0 赞/ 353 阅读

相关 js读取excel解析成json数据的方法

js读取excel解析成json数据的方法方法一方法二个人总结方法二是比较好用的，数据直接用打印出来就能看的到了方法一

以你之姓@/ 2022年02月01日 23:29/ 0 赞/ 507 阅读

相关 js读取解析JSON数据

JSON([JavaScript][] Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 Ja

快来打我*/ 2022年01月06日 19:19/ 0 赞/ 352 阅读