JavaScript读取json文件

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

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

相关阅读

相关 java读取json文件

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

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

相关 angular 读取json文件

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

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

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

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

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

相关 json文件读取

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

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

相关 JavaScript读取dat文件

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

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

相关 JavaScript读取JSON文件

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

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

相关 JavaScript读取本地文件

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

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

相关 springboot 读取 json 文件

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

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

相关 Javascript读取txt文件

读取第一步：创建一个可以将文件翻译成文件流的对象。 var fso=new ActiveXObject(Scripting.FileSystemObject);

落日映苍穹つ/ 2021年12月16日 08:11/ 0 赞/ 628 阅读

相关 JavaScript读取json文件

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

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