javascript - 正确更新div中的数据AJAX(ASP.NET MVC)

Question

我有一个 div，我通过 AJAX 在页面加载时显示数据

$(document).ready(function () {
    email_update();
});

function email_update() {
    $.ajax({
        url: '@Url.Action("EmailsList", "Questions")',
        contentType: 'application/json; charset=utf-8',
        type: 'GET',
        dataType: 'json',
        processData: false,
        success: function (result) {
            var email = result;
            // console.log(result[0].Name);
            for (var i = 0; i <= email.length - 1; i++) {
                var emailHTML = '<div style="margin-left: 25px; margin-top: 10px;>' +
                    '<b style="margin-left: 10px;">' +(i + 1) +
                    '<b style="margin-left:20px;">' + result[i].Email + '</b>'+
                    '<b>' +
                    '<b style="margin-left: 20px;">' +
                    result[i].Name +
                    '</b>' +
                    '</div>';
                $(".email_list").append(emailHTML);
            }
        }
    });
}

我有一个模式窗口，我可以在其中输入数据，当我单击 create 按钮时，我需要用新数据更新这个 div。现在我用上面的代码来做。但它重复数据。我需要删除旧的并填充新的。或者更新。

我该怎么做？

Answer 1

我可能误解了这个问题，但我认为您需要将 his 移到您的 for 循环之外。

$(".email_list").append(emailHTML);