随便在xml中写一个数据然后用ajax获取
时间: 2024-02-05 10:12:27 浏览: 33
好的,以下是一个简单的例子:
在 HTML 文件中添加一个按钮和一个 DIV 元素:
```html
<button onclick="loadData()">加载数据</button>
<div id="data"></div>
```
在 JavaScript 文件中定义 `loadData()` 函数,使用 AJAX 获取数据并将数据显示在 DIV 元素中:
```javascript
function loadData() {
// 创建 XMLHttpRequest 对象
var xhttp = new XMLHttpRequest();
// 处理响应的回调函数
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 将响应的数据显示在 DIV 元素中
document.getElementById("data").innerHTML = this.responseText;
}
};
// 发送 AJAX 请求
xhttp.open("GET", "data.xml", true);
xhttp.send();
}
```
在服务器上创建一个名为 `data.xml` 的文件,包含以下内容:
```xml
<p>Hello, world!</p>
```
现在,当用户点击页面上的按钮时,`loadData()` 函数会使用 AJAX 获取 `data.xml` 文件中的数据,并将数据显示在页面上的 DIV 元素中。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)