保存时更新表中的数据，无需刷新（Ajax/JavaScript）

我有以下函数，它是按钮的事件侦听器函数。单击按钮时，将调用此函数，它应该正在更新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 {
            ...
        }
    }
});
}

---

您拥有post请求的结果—您需要格式化它，然后设置html表（或它的任何组件）以显示该数据

您没有提供足够的信息（您使用的是任何框架还是纯javascript），因此我建议您研究数据绑定如何用于web开发

---

如果您正在使用一个框架（AngularJs、React、Ember等），请研究如何绑定数据—调用ajax请求时通常非常简单，那么您必须处理其响应并相应地更新DOM。如果请求返回HTML，则可以在您想要的任何元素下呈现该HTML，如下所示：

$（'#元素）.html（响应）

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

---

$（“.your table or td”）.text（resp.value）

我通过向success属性添加以下内容解决了此问题：

location.reload(true);