MVC基础知识整理（四）Ajax表单辅助方法

一、表单方法一

• 使用Ajax.BeginForm()表单，第一个参数是方法，第二个是控制器
• 新实例化一个AjaxOptions，在AjaxOptions里面我们可以写

    @using ("方法","控制器",Ajax.BeginForm(){new AjaxOptions()
        {
            InsertionMode = InsertionMode.Replace,
            HttpMethod = "POST",
        }
         <input type="text" name="name" />
         <input type="submit" value="提交" />
    })

当我们点击提交后

二、表单方法二

• 另外建立一个点击事件，写在<script></script>里面就好
• $("#form0")是Ajax.BeginForm表单进行渲染时，自动生成的默认的表单ID
• 这个方法，我们还可以灵活的用来进行数据增删改查的 无刷新页面

@using (Ajax.BeginForm(new AjaxOptions { OnSuccess=""}) )
            {
                <input type="text" name="name" value="" />
                <input type="submit" id="Btn" onclick="subForm()" value="提交" />
            }
               <script>
            function subForm() {
                    if ($("#form0").valid()) {
                        $("#form0").ajaxSubmit({
                            type: "post",
                            url: "/news/addNews",
                            success: function (data) {
                                if (data > 0) {
                                    alert("添加成功");
                                    location.href = "/news/index";
                                } else {
                                    alert("添加失败");

                                }
                            }
                        });
                    }
                }
               </script>