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