asp.net-mvc - 在 ASP.NET MVC 中使用 jQuery 提交 AjaxForm

Question

我在 asp.net mvc 中有一个 ajax 表单，就像这样简单:

    <% using (this.Ajax.BeginForm("LatestBlogPosts", "Blog", null, new AjaxOptions { UpdateTargetId = "blogPostPanel" }, new { id = "BlogPostForm" })) { %>
    <div class="panel" id="blogPostPanel">
        <img src="/images/ajax-loader.gif" alt="ajax-loader" />
    </div>
    <% } %>

我想在加载文档时调用表单提交。据推测，这应该调用 Controller 的操作并返回一个应该用占位符 DIV 替换的结果。如果我在表单中添加一个 SUBMIT 按钮，它工作得很好，但是当我通过 jQuery 调用提交时，整个页面都会刷新，并且服务器返回的内容会显示在新显示的页面中。这是我的 jQuery 代码:

    <script type="text/javascript">
        $(document).ready(function() {
            $("#BlogPostForm").submit();
        });
    </script>

无论如何都要这样做吗？

Answer 1

我认为如果您使用触发器方法来生成提交事件，它可能会起作用，但我认为使用 jQuery 有一种不太复杂的方法来做到这一点。

<div class="panel" id="blogPostPanel">
    <img src="/images/ajax-loader.gif" alt="ajax-loader" />
</div>

<script type="text/javascript">
    $(function() {
         $('#blogPostPanel').load( '<%= Url.Action( "LatestBlogPosts", "Blog" ) %>' );
    });
</script>