HTML:
<div role="tabpanel" class="tab-pane" id="electronic">
<ul class="list-group" id="fence" style="margin: 0;">
<li id="fenceList"></li>
</ul>
</div>
JS:
$(function () {
$.ajax({
url: '请求的接口?pageNum=0&pageSize=10',
type: 'get',
contentType: 'application/json',
async: true,
// data:{"fenceName":"value"},
success: function (res) {
const rows = res.data.list;
$.each(rows, function (index, value) {
let fenceName = rows[index].fenceName;
let fenceCenter = rows[index].fenceCenter;
$('#fenceList').html($('#fenceList').html() +
"<li>" + "<button value=\""+rows[index].fenceCenter+"\" οnclick=\"getCenter(this)\">" + fenceName +
"</button>" + "</li>" + "<br>");
});
},
error: function (error) {
console.log(error)
}
});
});
Ajax请求里面如何动态创建标签
最新推荐文章于 2022-07-25 22:53:51 发布