亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

ajax如何獲取json數據并顯示

小億
119
2023-09-12 21:24:41
欄目: 編程語言

使用Ajax可以通過發送HTTP請求獲取JSON數據,然后將數據顯示在網頁上。以下是一個使用Ajax獲取JSON數據并顯示的示例:

// 創建一個XMLHttpRequest對象
var xmlhttp = new XMLHttpRequest();
// 設置請求的類型和URL
xmlhttp.open("GET", "data.json", true);
// 設置回調函數,處理響應結果
xmlhttp.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
// 請求成功,解析JSON數據
var data = JSON.parse(this.responseText);
// 顯示數據
displayData(data);
}
};
// 發送請求
xmlhttp.send();
// 顯示數據的函數
function displayData(data) {
// 在頁面上創建一個<ul>元素
var ul = document.createElement("ul");
// 遍歷數據,創建<li>元素,并將數據顯示在<li>元素中
for (var i = 0; i < data.length; i++) {
var li = document.createElement("li");
li.textContent = data[i].name + " - " + data[i].age;
ul.appendChild(li);
}
// 將<ul>元素添加到頁面中
document.body.appendChild(ul);
}

在這個示例中,我們使用XMLHttpRequest對象發送GET請求,請求的URL是"data.json"。當請求的狀態改變時,會觸發onreadystatechange事件,我們在該事件處理函數中判斷請求的狀態和響應的狀態碼是否成功。如果成功,我們使用JSON.parse()方法解析響應的JSON數據,并將解析后的數據傳遞給displayData()函數進行顯示。

displayData()函數創建一個<ul>元素,然后遍歷數據,創建<li>元素,并將數據顯示在<li>元素中,最后將<ul>元素添加到頁面中。

需要注意的是,如果你的數據不是來自同源的服務器(即數據的域名和網頁的域名不一致),你需要在服務器端設置CORS(跨域資源共享)來允許跨域請求。

0
赤城县| 呈贡县| 舒兰市| 河北省| 乃东县| 横峰县| 黄梅县| 理塘县| 广安市| 永安市| 弥渡县| 吉安县| 澄城县| 邵武市| 会理县| 洛浦县| 镇江市| 威信县| 天峻县| 常熟市| 庐江县| 三台县| 阿图什市| 江阴市| 博白县| 怀仁县| 馆陶县| 大安市| 栖霞市| 连城县| 烟台市| 兴安盟| 成安县| 南岸区| 长葛市| 健康| 墨竹工卡县| 青铜峡市| 瓮安县| 固镇县| 蓬安县|