如何修复此代码以弹出引导模态

时间:2019-07-13 12:04:42

标签: jquery ajax popup

使用以下代码,点击 UPDATE链接,尝试获取引导弹出窗口,但给出错误的解决方法

    $(function() {
        $.get("/Home/GetData",
            {},
            function(data) {
                var row;
                $.each(data,
                    function(i, v) {
                        row += "<tr><td>" +
                            v.id +
                            "</td><td>" +
                            v.Name +
                            "</td><td>" +
                            v.Password +
                            "</td><td>" +
                            v.Email +
                            "</td><td>" +
                            v.Address +
                            "</td><td>" +
                            v.City +
                            "</td><td><a href='/home/Update?id=" +
                            v.id +
                            "' data-target="#
                        updatemodal
                        " data-toggle="
                        modal
                        ">UPDATE</a></td><td><a href='/home/DeleteRecord?id=" + v.id + "'>Delete</a></td></tr>"
                    });
                $("#tbldata").append(row);
            });
    });

我将此添加到代码UPDATE中 这样做,但无法解决该问题

1 个答案:

答案 0 :(得分:0)

将您的$.each功能更改为

$.each(data,
    function (i, v) {
        $("#tbldata tbody").append("<tr />");
        $($("#tbldata tbody tr")[i]).append(`<td>${v.id}</td>`);
        $($("#tbldata tbody tr")[i]).append(`<td>${v.Name}</td>`);
        $($("#tbldata tbody tr")[i]).append(`<td>${v.Password}</td>`);
        $($("#tbldata tbody tr")[i]).append(`<td>${v.Email}</td>`);
        $($("#tbldata tbody tr")[i]).append(`<td>${v.Address}</td>`);
        $($("#tbldata tbody tr")[i]).append(`<td>${v.City}</td>`);
        $($("#tbldata tbody tr")[i])
            .append(`<td> <a href="/home/Update?id=${v.id}" data-toggle="modal" data-target="#myModal">UPDATE</a></td>`);
        $($("#tbldata tbody tr")[i])
            .append(`<td><a href="/home/DeleteRecord?id=${v.id}">Delete</a></td>`);
});

我认为这更整洁