欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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 + ",&quot;" + result[i].name + "&quot;)' ><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..'); // 请求失败时的回调函数
                }
            }
        );
    }
相关标签: 笔记 java html