ajax数据传到div中
时间: 2023-09-23 18:11:13 浏览: 35
要将 AJAX 返回的数据传到 DIV 元素中,可以通过以下步骤实现:
1. 创建一个 DIV 元素,设置一个 ID 属性,用于在 JavaScript 中引用该元素。
2. 创建一个 XMLHttpRequest 对象,用于向服务器发送 AJAX 请求。
3. 使用 XMLHttpRequest 对象的 open() 方法设置请求的 URL 和请求方式。
4. 使用 XMLHttpRequest 对象的 send() 方法向服务器发送请求。
5. 在 XMLHttpRequest 对象的 onreadystatechange 事件中,检查请求的状态。如果请求成功,将返回的数据传递给 DIV 元素。
下面是一个简单的示例代码:
HTML 代码:
```
<div id="myDiv"></div>
```
JavaScript 代码:
```
// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
// 设置请求的 URL 和请求方式
xhr.open('GET', 'http://example.com/data', true);
// 发送请求
xhr.send();
// 监听请求状态的改变
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
// 请求成功,将返回的数据传递给 DIV 元素
document.getElementById('myDiv').innerHTML = xhr.responseText;
}
};
```
在上面的代码中,当 AJAX 请求返回成功时,将返回的数据传递给 ID 为 myDiv 的 DIV 元素。