jquery - 数据库更新后立即更新 UI 的最佳方法是什么(ASP.NET 和 JQuery)

Question

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

//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);
    }
});
}

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

问题是网络表单段落部分未使用新更新的值进行更新，因为我尚未执行客户端更新。

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

Answer 1

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

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