ajax异步请求controller并遍历对象集合
程序员文章站
2024-01-25 20:07:04
...
window.onload = function () {
var html = "";
$.ajax(
{
url: '/findAllType', // 请求地址, 就是你的控制器, 如 test.com/home/index/index
type: 'POST', // 请求方式
contentType: 'application/json',
success: function (result) {
for (var i = 0; i < result.length; i++) {
html += "<tr>"
html += "<td>" + result[i].id + "</td>"
html += "<td>" + result[i].name + "</td>"
html += "<td><a onclick='update(" + result[i].id + ","" + result[i].name + "")' ><i class='edit outline icon'></i></a>"
html += "<a href='/deleteTypeById?id=" + result[i].id + "'><i class='trash alternate outline icon'></i></a></td>"
html += "</tr>"
}
$("#list").append(html);
},
error: function () {
console.log('Send Request Fail..'); // 请求失败时的回调函数
}
}
);
}