中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

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
琼海市| 新宁县| 东乡县| 名山县| 全州县| 旺苍县| 诸暨市| 綦江县| 河曲县| 兖州市| 正镶白旗| 花莲县| 剑阁县| 松江区| 盐亭县| 噶尔县| 长治县| 赤城县| 金华市| 衡阳市| 资阳市| 崇州市| 岳普湖县| 保亭| 页游| 财经| 新绛县| 和平区| 中江县| 平湖市| 乐东| 荆州市| 法库县| 盐池县| 宁明县| 平顶山市| 三河市| 壤塘县| 东丰县| 韶关市| 临西县|