不保存就更新表中的数据，但不刷新（Ajax / JavaScript）

Question

我具有以下功能，它是按钮的事件侦听器功能。单击该按钮时，将调用此函数，并且该函数应该正在更新HTML表。这样做是正确的，但是直到用户刷新页面才可以。为了使表更新在单击此按钮后立即发生而不是强迫用户刷新页面，我必须在前端进行哪些更改？谢谢！

function dialogWindowSaveAddressBookEditsButton_Click(addressBookObject) {
$.ajax({
    type: "POST",
    url: "/Services/AsyncServices.svc/DialogWindowSaveAddressBookEditsButton_Click",
    contentType: "application/json",
    data: JSON.stringify(addressBookObject),
    success: function (result) {
        if (result.d == false) {
            ...
        }
        else {
            ...
        }
    }
});
}

Answer 1

您具有发布请求的结果-您需要对其进行格式设置，然后设置html表（或其任何组件）以显示该数据。

您没有提供足够的信息（截至您使用任何框架还是仅使用纯JavaScript），所以我建议您研究数据绑定如何用于Web开发。 https://www.wintellect.com/data-binding-pure-javascript/

如果您使用的是框架（AngularJs，React，Ember等），请研究如何绑定数据-通常很简单

Answer 2

当调用ajax请求时，您必须处理其响应并相应地更新DOM。如果请求返回HTML，则可以将其呈现在您想要的任何元素下，如下所示：

$(‘#element).html(response)

如果返回JSON，则应使用Jquery为DOM元素相应地设置值：

$(“.your-table or td”).text(resp.value)

Answer 3

我通过将以下内容添加到成功属性中解决了该问题：

location.reload(true);