要使用 Ajax 获取后端数据,可以按照以下步骤进行操作:
创建一个 XMLHttpRequest 对象,可以使用以下方法之一:
new XMLHttpRequest()
new ActiveXObject("Microsoft.XMLHTTP")
(适用于 IE5 和 IE6)使用 open() 方法设置 HTTP 请求的方法、URL 和异步标志:
xhr.open(method, url, async)
使用 setRequestHeader() 方法设置请求头部(如果需要的话):
xhr.setRequestHeader(header, value)
使用 send() 方法发送请求:
xhr.send(data)
使用 onreadystatechange 事件监听 readyState 属性的变化:
xhr.onreadystatechange = function(){}
在 readyState 变为 4 且 status 为 200 的情况下,使用 responseText 或 responseXML 属性获取后端返回的数据:
xhr.responseText
: 返回的文本数据xhr.responseXML
: 返回的 XML 数据以下是一个使用 Ajax 获取后端数据的示例代码:
var xhr = new XMLHttpRequest();
xhr.open('GET', 'backend-url', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var responseData = xhr.responseText;
// 对返回的数据做进一步处理
}
};
xhr.send();
以上代码示例中使用了 GET 方法进行请求,你也可以根据实际需要使用其他 HTTP 请求方法(如 POST)来获取后端数据。