如何将ajax中的数据取出来放到ul中
时间: 2023-10-04 20:08:33 浏览: 43
可以通过以下步骤将 AJAX 获取的数据放到 `<ul>` 中:
1. 使用 AJAX 发送请求,并在成功时获取到数据。
2. 解析数据,可以使用 `JSON.parse()` 将返回的 JSON 字符串转换为 JavaScript 对象。
3. 遍历数据,将每个数据项转换为 `<li>` 标签,并将其添加到 `<ul>` 中。
以下是一个示例代码:
```javascript
// 发送 AJAX 请求
$.ajax({
url: 'example.com/data',
success: function(data) {
// 解析返回的 JSON 数据
var items = JSON.parse(data);
// 遍历数据,将每个数据项转换为 <li> 标签,并添加到 <ul> 中
var ul = $('<ul>');
items.forEach(function(item) {
var li = $('<li>').text(item.text);
ul.append(li);
});
// 将 <ul> 添加到页面中
$('body').append(ul);
}
});
```
在这个示例中,我们使用 jQuery 中的 `$.ajax()` 方法发送 AJAX 请求,并在成功时获取到数据。然后,我们使用 `JSON.parse()` 方法解析数据,并遍历数据中的每个项。对于每个项,我们创建一个 `<li>` 标签,并将其添加到一个新的 `<ul>` 中。最后,我们将 `<ul>` 添加到页面中。