JS 读取JSON数据

清疚 2023-10-05 08:57 45阅读 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 条评论，45人围观）

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

相关阅读

相关 uni-app读取json数据

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

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

相关 node.js读取JSON文件

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

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

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

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

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

相关 java读取json数据方法

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

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

相关 java读取json数据方法

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

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

相关解析json数据（js）

\{ "module": "geolocation", "type": "cache", "adcode": "210281",

秒速五厘米/ 2022年05月20日 02:52/ 0 赞/ 321 阅读

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

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

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

相关 js读取table数据

var tb=document.getElementById("tableId"); //获取table对像 var rows=tb.rows

迈不过友情╰/ 2022年03月18日 09:28/ 0 赞/ 209 阅读

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

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

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

相关 js读取解析JSON数据

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

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