【问题标题】:How to fix this code to popup bootstrap modal如何修复此代码以弹出引导模式
【发布时间】:2019-07-13 12:04:42
【问题描述】:

尝试使用以下代码单击更新链接来获取引导弹出窗口,但给出了错误如何修复它

    $(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);
            });
    });

我将此添加到代码更新 这样做但不工作如何解决它

【问题讨论】:

标签: jquery ajax popup


【解决方案1】:

把你的$.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>`);
});

我相信这更整洁

【讨论】:

  • 弹出窗口打开,但未加载所选 ID 的数据
  • 您原来的问题没有要加载的数据?它甚至没有弹出窗口,我只是假设弹出窗口在那里。如果你想将数据传递给模态,那么考虑使用data-id
  • ' 更新 a> '尝试像这些但没有成功
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-05-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多