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

【问题标题】：What is the best way to update the UI right after database update (ASP.NET & JQuery)数据库更新后立即更新 UI 的最佳方法是什么（ASP.NET 和 JQuery）
【发布时间】：2015-01-08 14:29:00
【问题描述】：

我有一个像下面这样的 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 调用调用服务。
通过 web 方法将更改提交到数据库。

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

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

【问题讨论】：

你可以再次调用来获取更新的值或者成功：函数，你可以只显示段落的新值。

标签： jquery asp.net ajax web-services partial-page-refresh

【解决方案1】：

在 POST 上，您应该将已更新的完整对象返回给客户端。然后使用来自服务器的响应来更新网页。

使用这种方法，数据库可以负责向对象添加一些信息，例如 ID 创建日期等。当 POST 成功时，您将在客户端获得更新的对象。

【讨论】：