可以使用两种方法获取 JSON 文件：使用 fetch() 方法：发送请求，解析响应为 JSON 对象。使用 XMLHttpRequest 对象：创建请求、配置参数、处理请求完成事件并解析响应为 JSON 对象。
如何使用 JavaScript 获取 JSON 文件
获取 JSON（JavaScript Object Notation）文件是 JavaScript 中常见的一个任务。有多种方法可以实现，本文将详细介绍两种最常用的方法：
使用 fetch() 方法
fetch() 方法是一种内置的 JavaScript API，用于从服务器请求数据：
fetch('path/to/file.json').then(response => { if (response.ok) { return response.json(); } else { throw new Error(`Error ${response.status}`); }}).then(data => { console.log(data);}).catch(error => { console.error(error);});
登录后复制
在上述代码中：
fetch() 方法向服务器发出请求，返回一个 Promise。response.ok 检查响应状态码，以确保请求成功。response.json() 将响应数据解析为 JSON 对象。then() 处理解析后的 JSON 数据。catch() 处理任何错误。
使用 XMLHttpRequest 对象
XMLHttpRequest (XHR) 是一个旧的 API，但仍然可以用于获取 JSON 文件：
const xhr = new XMLHttpRequest();xhr.open('GET', 'path/to/file.json', true);xhr.onload = function() { if (xhr.status === 200) { let data = JSON.parse(xhr.responseText); console.log(data); } else { console.error(`Error ${xhr.status}`); }};xhr.send();
登录后复制
在上述代码中：
XMLHttpRequest 对象用于创建请求。open() 方法配置请求参数。onload 事件处理程序在请求完成后执行。xhr.responseText 获取响应数据，然后通过 JSON.parse() 解析为 JSON 对象。
以上就是js如何获取json文件的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2675359.html
