获取数据的方法(需要启动服务)
1. 使用Fetch API 方法在 JavaScript 中读取json
fetch('data.json')
.then((response) => response.json())
.then((json) => console.log(json));
2. 使用getJson
$(document).ready(function () {
$.getJSON("data.json", function (result) {
console.log('result :>> ', result);
});
});
3. 使用ajax
$(document).ready(function () {
$.ajax({
url: "data.json", //同文件夹下的json文件路径
type: "GET", //请求方式为get
dataType: "json", //返回数据格式为json
success: function (data) { //请求成功完成后要执行的方法
console.log(data);
}
})
});
4. 原生js
var url = "data.json"
// 申明一个XMLHttpRequest
var request = new XMLHttpRequest();
// 设置请求方法与路径
request.open("get", url);
// 不发送数据到服务器
request.send(null);
//XHR对象获取到返回信息后执行
request.onload = function () {
// 解析获取到的数据
var data = JSON.parse(request.responseText);
console.log(data)
}
不启动服务的情况下获取数据
可以将json文件数据写在js文件中并定义成全局变量,然后再其他js文件中使用即可