jq 渲染ajax请求的值
时间: 2023-09-05 16:13:57 浏览: 86
jquery+ajax请求且带返回值的代码
假设你已经通过 AJAX 发送请求并成功地接收到了响应数据,那么你可以使用 jQuery 的 `$.each()` 方法遍历数据并渲染到页面中。
假设你的响应数据如下:
```json
{
"data": [
{
"id": 1,
"name": "John",
"age": 25
},
{
"id": 2,
"name": "Jane",
"age": 30
},
{
"id": 3,
"name": "Bob",
"age": 35
}
]
}
```
你可以使用以下代码将数据渲染到页面中:
```js
$.ajax({
url: 'your-api-url',
success: function(response) {
// 遍历数据并渲染到页面中
$.each(response.data, function(index, item) {
$('#result').append('<div>' + item.name + ', ' + item.age + ' years old</div>');
});
}
});
```
在上面的代码中,`$.each()` 方法用于遍历数据中的每个对象,并使用 jQuery 的 `append()` 方法将它们渲染到页面中。注意,`append()` 方法用于将 HTML 字符串添加到指定元素的末尾。在这个例子中,我们将数据渲染到一个 id 为 `result` 的元素中。
阅读全文