JavaScript读取json文件

深藏阁楼爱情的钟 2021-07-26 12:43 580阅读 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 条评论，580人围观）

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

相关阅读

相关 java读取json文件

要在Java中读取JSON文件，可以使用以下步骤：导入所需的库： import java.io.File; import java.io.IOExcept

水深无声/ 2023年10月10日 16:37/ 0 赞/ 69 阅读

相关 Java读取json文件,再生产新的json文件

<dependency> <groupId>com.alibaba</gr

水深无声/ 2023年10月02日 13:18/ 0 赞/ 23 阅读

相关 angular 读取json文件

步骤简介 1. 把json文件放入 angular 项目目录的 assets 文件夹下（这样就可直接读取） 2. 导入angular中的 HttpClientModul

忘是亡心i/ 2023年06月28日 12:29/ 0 赞/ 33 阅读

相关 csv、json 文件读取

1、CSV 文件存储 1.1 写入简单示例 import csv with open('data.csv', 'a') as csvf

布满荆棘的人生/ 2023年06月02日 10:53/ 0 赞/ 21 阅读

相关 json文件读取

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

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

相关 JavaScript读取dat文件

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

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

相关 JavaScript读取JSON文件

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

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

相关 JavaScript读取本地文件

利用XMLHttpRequest对本地文件进行读取操作，值得注意的是，HTML文档的格式要与流中的读取格式设置一致，代码如下： function load(name

谁践踏了优雅/ 2022年05月17日 11:37/ 0 赞/ 407 阅读

相关 springboot 读取 json 文件

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

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

相关 JavaScript读取json文件

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

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