JSON(JavaScript Object Notation)是一種輕量級的數據格式,常用于將數據從一種編程語言傳遞到另一種編程語言。
在Web開發中,使用JSON來獲取數據并以字符串形式呈現在網頁上是十分常見的操作。下面是一個使用JSON打開網頁的例子:
var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function () { if (this.readyState == 4 && this.status == 200) { var data = JSON.parse(this.responseText); var html = ""; for (var i = 0; i < data.length; i++) { html += "<li>" + data[i].name + "</li>"; } document.getElementById("list").innerHTML = html; } }; xhr.open("GET", "data.json", true); xhr.send();
在上面的代碼中,我們首先創建了一個XMLHttpRequest對象,然后指定了當就緒狀態改變時的處理函數。當就緒狀態為4且狀態碼為200時,我們將從服務器傳遞過來的字符串解析成JSON對象,然后使用遍歷循環將其中的數據提取出來,并以HTML字符串的形式拼接成列表項的形式。最后,將拼接好的HTML字符串放入HTML頁面中指定的元素中。
總之,通過JSON可以方便地將數據從服務器端傳遞到網頁端,并用JavaScript來操作和呈現這些數據,從而實現了動態的網頁效果。