加载本地JSON文件可以通过以下几种方法实现:
示例代码:
fetch('path/to/file.json')
.then(response => response.json())
.then(data => {
// 处理JSON数据
console.log(data);
})
.catch(error => {
console.error('Error:', error);
});
相关链接:Fetch API
示例代码:
$.getJSON('path/to/file.json', function(data) {
// 处理JSON数据
console.log(data);
})
.fail(function(jqxhr, textStatus, error) {
console.error('Error:', textStatus, error);
});
相关链接:jQuery AJAX
示例代码:
<script src="path/to/file.json" type="application/json" onload="handleData(jsonData)"></script>
<script>
function handleData(data) {
// 处理JSON数据
console.log(data);
}
</script>
示例代码(同步方式):
const fs = require('fs');
try {
const jsonData = JSON.parse(fs.readFileSync('path/to/file.json', 'utf8'));
// 处理JSON数据
console.log(jsonData);
} catch (error) {
console.error('Error:', error);
}
示例代码(异步方式):
const fs = require('fs');
fs.readFile('path/to/file.json', 'utf8', (error, data) => {
if (error) {
console.error('Error:', error);
return;
}
const jsonData = JSON.parse(data);
// 处理JSON数据
console.log(jsonData);
});
请注意,以上方法中的path/to/file.json
需要替换为具体的本地JSON文件路径。
这些方法适用于前端开发中需要加载本地JSON数据的场景,例如在Web应用中使用静态配置文件、模拟数据等。
领取专属 10元无门槛券
手把手带您无忧上云