zoukankan      html  css  js  c++  java
  • Asp.net Mvc Ajax.BeginForm提交表单

    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");
            }

    运行后,如下:

  • 相关阅读:
    [WP]XCTF-Reversing-Newbie_calculations
    [WP]BUUCTF-Reverse-基础题(1-12)
    [WP]XCTF-notsequence
    [WP]XCTF-easyre-153
    [WP]XCTF- 攻防世界-crypto-新手练习区
    [WP]XCTF-simple-check-100
    [WP]XCTF-SignIn
    [WP]XCTF-666
    [WP]XCTF-Reversing-x64Elf-100
    [WP]XCTF-流浪者
  • 原文地址:https://www.cnblogs.com/grj001/p/12225231.html
Copyright © 2011-2022 走看看