JavaScript读取json文件

深藏阁楼爱情的钟 2021-07-26 12:43 503阅读 0赞

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    	</body>
    	<script type="text/javascript">
    		window.onload=function(){
    			var requestUrl='ids.json';
    			var request = new XMLHttpRequest();
    			request.open('GET',requestUrl);
    			request.responseType='text';
    			request.send();
    			request.onload=function(){
    				var idsText=request.response;
    				var ids=JSON.parse(idsText);
    				console.log('输出数组元素：');
    				ids.forEach(function(item,index){
    					console.log(index+":"+item);
    				})
    			}
    		};
    		
    	</script>
    </html>
    
    ids.json:
    
    [
        "11",
        "22",
        "33",
    	"44",
    	"55"
    ]
    
    //加上错误处理
    
    try{
    			window.onload=function(){
    				var requestUrl='ids.json';
    				var request = new XMLHttpRequest();
    				request.open('GET',requestUrl);
    				request.responseType='text';
    				request.send();
    				request.onload=function(){
    					var idsText=request.response;
    					var ids=JSON.parse(idsText);
    					console.log('输出数组元素：');
    					ids.forEach(function(item,index){
    						console.log(index+":"+item);
    					})
    				}
    			};
    		}catch(e){
    			
    		}
    		console.log('I can run here');

发表评论取消回复

表情：

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

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

相关阅读

相关【Python】json文件的读取

文章目录 1. json简介 2.json的使用规范 3.json文件的书写 4.json文件的读取 ![在这里插入图片描述][8a1d1

叁歲伎倆/ 2023年10月14日 23:42/ 0 赞/ 53 阅读

相关 node.js读取JSON文件

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

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

相关 Python——保存、读取json文件

python——保存、读取json文件 file = open('test.json','w',encoding='utf-8') data1 =

分手后的思念是犯贱/ 2022年06月17日 05:27/ 0 赞/ 224 阅读

相关 json文件读取

import com.alibaba.fastjson.JSON; import com.alibaba.fastjson.JSONObject; im

清疚/ 2022年06月03日 05:35/ 0 赞/ 214 阅读

相关 JavaScript读取dat文件

HTML5提供了一套文件系统的API，可以操作本地的文件。最近的需求是要读取本地的一个DAT文件。所以特此记录一下。关于读取本地文件的方式，可以参考文章：[http

亦凉/ 2022年06月02日 12:46/ 0 赞/ 246 阅读

相关 JavaScript读取JSON文件

JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。有关于json的相关信息，可参考：[json百度百科][json]。 1、HT

旧城等待，/ 2022年05月29日 00:38/ 0 赞/ 209 阅读

相关 springboot 读取 json 文件

直接代码，json文件在 resources 下 import com.yf.af.config.controller.IServerConfigController

「爱情、让人受尽委屈。」/ 2022年03月26日 08:38/ 0 赞/ 511 阅读

相关 java读取json文件（Gson）

一、Gson的基本用法 Gson提供了fromJson() 和toJson() 两个直接用于解析和生成的方法，前者实现反序列化，后者实现了序列化；同时每个方法都提供了重载方法

叁歲伎倆/ 2021年12月18日 06:49/ 0 赞/ 672 阅读

相关 iOS 读取本地Json文件

之前写过类似的方法今天写这个的目的是应对开发过程中面对服务端数据刚定下模型但是接口不通的情况下不耽误客户端开发进度 + (id)getJsonDataJ

港控/mmm°/ 2021年12月16日 18:33/ 0 赞/ 656 阅读

相关 JavaScript读取json文件

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t

深藏阁楼爱情的钟/ 2021年07月26日 12:43/ 0 赞/ 504 阅读