㈠ 如何用js調用url介面
在javaScript中調用URL介面主要依賴瀏覽器提供的API。常用方法包括XMLHttpRequest、fetch和axios。XMLHttpRequest是用於在瀏覽器中發送HTTP請求的API,適用於GET、POST等請求類型,可非同步接收伺服器返回數據。XMLHttpRequest兼容性好,適用於IE6+、Firefox、Chrome等現代瀏覽器。以下是使用XMLHttpRequest發送GET請求的示例:
XMLHttpRequest示例:
javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send();
fetch是基於Promise的API,提供簡潔發送HTTP請求方式,非同步接收伺服器返回數據。fetch兼容性較好,適用於現代瀏覽器,但在IE11等老舊瀏覽器中需使用polyfill。以下是使用fetch發送GET請求的示例:fetch示例:
javascript
fetch('https://api.example.com/data')
.then(response => response.text())
.then(data => console.log(data))
.catch(error => console.error(error));
axios是一個基於Promise的HTTP客戶端,支持瀏覽器和Node.js環境使用。提供簡潔發送HTTP請求方式,包含自定義攔截器、取消請求等高級功能。axios兼容性好,但需在IE11等老舊瀏覽器中使用polyfill。以下是使用axios發送GET請求的示例:axios示例:
javascript
axios.get('https://api.example.com/data')
.then(response => console.log(response.data))
.catch(error => console.error(error));
根據具體業務需求及瀏覽器兼容性情況選擇合適的方法即可。