ES6是JavaScript的一個版本,它在讀取JSON文件方面提供了更方便的方法。
要讀取JSON文件,需要先創建一個 XMLHttpRequest 對象,然后使用open()方法打開JSON文件的URL,并指定請求方法為GET。接下來,使用send()方法發送請求,等待JSON文件加載完畢。當 readyState 屬性改變為4時,代表請求已經完成。使用 responseText 屬性獲取返回的JSON字符串,然后使用 JSON.parse() 函數解析JSON字符串。
以下是一個使用ES6讀取JSON文件的示例代碼:
let xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { let json = JSON.parse(this.responseText); console.log(json); } }; xhttp.open("GET", "example.json", true); xhttp.send();在這段代碼中,首先創建了一個XMLHttpRequest對象。然后,設置onreadystatechange事件處理程序。當 readyState 屬性改變時,onreadystatechange 事件將被觸發。在這個例子中,我們只關心readyState = 4時,也就是請求完成的狀態。 在onreadystatechange事件處理程序中,我們首先檢查狀態是否為200。如果狀態碼是200,則代表請求成功。我們使用responseText屬性獲取返回的JSON字符串,并使用JSON.parse()函數將其解析為JSON對象。最后,我們將JSON對象輸出到控制臺中。 需要注意的是,在使用ES6讀取JSON文件時,需要確保JSON文件的語法是正確的,否則會出現解析錯誤。另外,由于使用了XMLHttpRequest對象,因此需要跨域時需要配置CORS(跨域資源共享)或JSONP(JSON with Padding)等方法。