在 ASP.NET MVC 中，如何最好地设计/编码的异步部分回发

Question

在窗体中包含的 MVC 视图 (.aspx) 上，有多个控件（网格、文本框），用于显示与主题（人员）相关的数据。该表单不需要提交按钮，因为绝大多数数据仅供查看。但是，有一个显示注释的网格（Telerik MVC）。用户应该能够在文本框中添加评论，然后该评论应该出现在网格中。由于评论数据来自两个不同的数据库源并合并在存储过程中，因此我无法使用内联网格编辑。

问题 1.

是否可以将包装 DIV 的内容（即带有新注释的文本框）异步回发到控制器，而无需完整的表单回发和页面闪烁？

谢谢，

阿诺德

Answer 1

您可以制作一个按钮，通过使用单击按钮时发生的 jQuery / JavaScript post 函数，将文本框的内容（新注释）“提交”到控制器操作。

然后，控制器操作可以将新评论存储在特定数据库中，如果您在此之后添加“成功”方法，则只需调用 ajaxRequest() 即可刷新网格。

    $("#submitButton").click(function () {

    var comment = $("#commentTextbox").val();

    $.ajax({ type: "POST",
                    url: "/Controller/UpdateCommentsGrid",
                    datatype: "json",
                    traditional: true,
                    data:
                          {
                              'comment': comment                      
                          },
                    success: function () {
                        var grid = $('#YourGridName').data('tGrid');
                        grid.ajaxRequest();
                    }
                });

    });

希望这有帮助。

Answer 2

是的，这是可能的。我们以下面的表单为例，您只想发布第二个 DIV：

<form action="/foo" method="post">
    <div id="section1">
        <input type="text" name="item1" />
        <input type="text" name="item2" />
    </div>

    <div id="section2">
        <input type="text" name="item3" />
        <input type="text" name="item4" />
    </div>
</form>

并且您可以发送如下 AJAX 请求：

var form = $('#section2').wrap('<form/>').parent();
$.post('/foo', form.serialize(), function(result) {
    alert('successfully posted');
});