㈠ 如何用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));
根据具体业务需求及浏览器兼容性情况选择合适的方法即可。