javascript 中獲取數(shù)據(jù)的方法有：通過 dom 訪問 html 元素和數(shù)據(jù)。使用 ajax 與服務(wù)器進行異步通信。運用 fetch api 進行網(wǎng)絡(luò)請求。設(shè)置事件處理程序響應(yīng)用戶交互或 dom 狀態(tài)變化。利用 localstorage 和 sessionstorage 在瀏覽器中存儲和獲取數(shù)據(jù)。
JavaScript 中獲取數(shù)據(jù)的方法
在 JavaScript 中，獲取數(shù)據(jù)可以通過以下幾種方法：
1. DOM（文檔對象模型）
DOM 是一個表示 HTML 文檔結(jié)構(gòu)的樹形結(jié)構(gòu)。我們可以通過 DOM API 來訪問 HTML 元素并獲取其數(shù)據(jù)。例如：
const title = document.querySelector('title');
console.log(title.textContent); // 輸出標題文本
登錄后復(fù)制
2. AJAX（異步 JavaScript 和 XML）
AJAX 允許 JavaScript 代碼與服務(wù)器進行異步通信，從而可以獲取遠程數(shù)據(jù)。例如：
const xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json');
xhr.onload = function() {
const data = JSON.parse(xhr.responseText);
console.log(data); // 輸出 JSON 數(shù)據(jù)
};
xhr.send();
登錄后復(fù)制
3. fetch API
fetch API 是一個更現(xiàn)代、更通用的方法來進行網(wǎng)絡(luò)請求和獲取數(shù)據(jù)。它基于 Promise，提供了更簡潔的語法。例如：
fetch('data.json')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
登錄后復(fù)制
4. 事件處理
可以通過事件處理程序來獲取與用戶交互或 DOM 元素狀態(tài)改變相關(guān)的數(shù)據(jù)。例如：
const input = document.querySelector('input');
input.addEventListener('change', (e) => {
console.log(e.target.value); // 輸出輸入域的值
});
登錄后復(fù)制
5. LocalStorage 和 SessionStorage
LocalStorage 和 SessionStorage 是用于在瀏覽器中存儲數(shù)據(jù)。它們可以用來獲取和設(shè)置數(shù)據(jù)，例如：
localStorage.setItem('name', 'John Doe');
const name = localStorage.getItem('name');
console.log(name); // 輸出 "John Doe"
登錄后復(fù)制
