在前端開發中，經常會遇到需要使用異步加載本地JSON文件內容的需求。這種需求一般會出現在需要動態展示數據的場景中，比如說一個在線商城網頁需要展示用戶的購物車信息。為了滿足這一需求，我們可以使用AJAX（Asynchronous JavaScript and XML）技術來加載本地JSON文件內容。
AJAX是一種基于前端技術的一種開發模式，它可以在用戶與服務器進行交互的過程中，實現異步加載數據，從而提升用戶體驗。在這種情況下，使用AJAX來加載本地JSON文件內容，可以使用戶在打開網頁的同時就可以看到一些默認的數據，而不需要等到服務器返回所有數據后再渲染頁面。通過這種方式，我們可以更加及時地展示數據，提高用戶體驗。
舉一個簡單的例子來說明如何使用AJAX加載本地JSON文件內容。假設我們有一個名為data.json的JSON文件，內容如下所示：
{
"name": "小明",
"age": 18,
"gender": "男"
}<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
<div id="info"></div>
<script>
axios.get('data.json')
.then(function (response) {
// 在這里我們可以獲取到JSON文件的內容
var data = response.data;
// 可以根據需要，將數據展示到頁面上
var infoDiv = document.getElementById('info');
infoDiv.innerHTML = '<p>姓名：' + data.name + '</p>'
+ '<p>年齡：' + data.age + '</p>'
+ '<p>性別：' + data.gender + '</p>';
})
.catch(function (error) {
console.log(error);
});
</script>
</body>
</html>