zoukankan      html  css  js  c++  java
  • mvc中使用JQuery异步提交表单

    js代码:

    <script type="text/javascript">
       function submitForm() {
           $.ajax({
               type: 'POST',
               url: '@Url.Action("AJAXReview", "Common")',
               data: $("#form1").serialize(),
               success: function (data) {
                   if (data.res)
                       alert("提交成功");
                    else
                        alert("提交失败,失败信息为:" + data.info);
                }
            })
        }
    </script>

    view代码:

    @using (Html.BeginForm("Review", "Common", FormMethod.Post, new
    {
        id = "form1"
    }))
    {
        <fieldset>
            <legend>评论 </legend>
            <ul>@Html.ValidationSummary(true)
                @Html.HiddenFor(i => i.ObjID)
                 @Html.HiddenFor(i => i.ObjType)
                 <li></li>
                 <li>标题:@Html.TextBoxFor(i => i.Title)</li>
                 <li>@Html.ValidationMessageFor(i => i.Title)</li>
                 <li>内容:@Html.TextAreaFor(i => i.Content)</li>
                 <li>@Html.ValidationMessageFor(i => i.Content)</li>
             </ul>
         </fieldset>
         <input type="button" onclick="submitForm()" value="提交" />
    }

    Controller代码:

    [HttpPost]
    public JsonResult AJAXReview(Review entity)
    {
      JsonResult js = new JsonResult();
      js.Data = new { res = true };
      if (ModelState.IsValid)
      {
        //相关逻辑
      }
      else
      {
        js.Data = new { res = false, info = "请认真填写表单!" };
      }
      return js;
    }

  • 相关阅读:
    Docker学习笔记-Redis 安装
    CentOS搭建FTP服务
    Docker学习笔记-Docker for Windows 安装
    Docker学习笔记-Docker for Linux 安装
    (转载)Javascript 中的非空判断 undefined,null, NaN的区别
    MongoDB
    RabbitMQ
    GIT学习笔记——常用命令
    Evanyou Blog 彩带
    Evanyou Blog 彩带
  • 原文地址:https://www.cnblogs.com/zwjaaron/p/2802550.html
Copyright © 2011-2022 走看看