在数据库更新后立即更新 UI 的最佳方法是什么（ASP.NET & JQuery）

Question

我有一个 jQuery ajax 服务调用，如下所示，当用户在“编辑”对话框中单击“确定”时调用。该对话框包含一个文本框，用户应该使用它来编辑网络表单上段落部分的内容。

//Example of my real call
function testService(test) {
var person = {};
person.ID = 1;
person.name = "Albert";
$.ajax({
    type: "POST",
    url: "WebService1.asmx/HelloWorld",
    dataType: "json",
    data: "{person:" + JSON.stringify(person) + "}",
    contentType: "application/json; charset=utf-8",
    success: function (response) {

    },
    error: function(response) {
        alert(response.d);
    }
});
}

因此用户单击网页上的编辑按钮以编辑网络表单上的段落。
对话框打开，显示段落的内容。
用户单击确定以提交更改。
通过 jQuery ajax 调用调用服务。
更改通过网络方法提交到数据库。

问题是 webform 段落部分没有更新为新更新的值，因为我没有执行客户端更新。

问题是：使用数据库中最新更新的字符串刷新客户端的最佳方法是什么。我是否应该进行另一个 Web 服务调用以从数据库中获取值？我知道这可能需要很长时间并且没有必要，是否有 jQuery 技巧可以做到这一点？而且我只想刷新那个段落部分，而不是整个页面

Answer 1

在 POST 上，您应该 return 向客户端更新的完整对象。然后使用服务器的响应来更新网页。

有了这个方法，DB 就可以负责向对象添加一些信息，例如 ID 创建日期等。当 POST 成功时，您将在客户端获得更新的对象。

在数据库更新后立即更新 UI 的最佳方法是什么（ASP.NET & JQuery）

What is the best way to update the UI right after database update (ASP.NET & JQuery)

asp.net

ajax

jquery

web-services

partial-page-refresh