AjaxForm

概述

功能说明

基于 ajaxForm 插件进行构建,可以使表单通过ajax的方式进行提交,并扩展了以下功能:

更多信息请参见:

示例

调用ajaxForm,自定义success和error方法

评论内容中有字符串:“error”,即模拟请求出错
评论内容中有字符串中没有:“error”,即模拟请求正确

评论 (0)

调用ajaxForm,使用Target

评论 (0)

在模式框中提交表单

因为出错时,需要更新模式框内容,要用到模式框实例,可以通过在模式框内容的<script type="text/dialog"> </script>来获取实例。

打开对话框

        
               @using (Html.BeginAjaxForm("_CreateComment", "HtmlHelper", FormMethod.Post, 
            new AjaxFormOptions().SetOnSuccessCallBack("success")))
        {
          //...
        } 
        <script type="text/dialog">
        var dialog=this;
        this.title("发表新评论");
        </script>

        <script type="text/javascript">
        function error(response) {
            $("#CreateComment").html(response);
        }

        function success() {
            $("#PhotoComments").load("@(Url.Action("_PhotoComments", new { photoId = 1 }))");
        }
        </script>