Asp.net Mvc Ajax.BeginForm提交表单


之前Mvc中一直用Html.BeginForm提交表单,即如下:

@using (Html.BeginForm("Add", "News", FormMethod.Post, new { enctype = "multipart/form-data" }))
        {
            <table>
                <tr>
                    <td><span style="color:red">*</span><span>标题</span></td>
                    <td>
                        @Html.TextBoxFor(model => model.NewsTitle)
                        &nbsp;@Html.ValidationMessageFor(model => model.NewsTitle, "", new { style = "color:red" })
                    </td>
                </tr>
            </table>
            <div class='submit_forms'>
                <input type="submit" name="submit" class='submit'>
            </div>
        }

今天试了下Ajax.BeginForm,主要为了后台弹出javascript代码窗口,需要引用js库:

jquery.unobtrusive-ajax.min.js

表单代码如下:

@using (Ajax.BeginForm("Add", "News",  new AjaxOptions { HttpMethod = "Post" }, new { enctype = "multipart/form-data" }))
        {
            <table>
                <tr>
                    <td><span style="color:red">*</span><span>标题</span></td>
                    <td>
                        @Html.TextBoxFor(model => model.NewsTitle)
                        &nbsp;@Html.ValidationMessageFor(model => model.NewsTitle, "", new { style = "color:red" })
                    </td>
                </tr>
            </table>
            <div class='submit_forms'>
                <input type="submit" name="submit" class='submit'>
            </div>
        }

Controller中代码如下:

public ActionResult Add(NewsInfo entity)
        {
            return Content("alert('ok!');", "text/javascript");
        }

运行后,如下:


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM