javascript - 使用 Ajax.BeginForm 更新表单

Question

我正在尝试使用 Ajax.BeginForm 更新应用程序中的表单。更新正在进行，但在 Controller 中执行该函数后，它会重定向到具有 Controller 函数名称的 View 。我不希望它重定向到另一个 View ，而是想显示成功或失败等警报消息。

<div id="target" ondrop="drop(event)" ondragover="allowDrop(event)">
   @using (Ajax.BeginForm("Insert", "User", new AjaxOptions{
       HttpMethod = "POST",
       UpdateTargetId = "target",
       OnSuccess = "success"
   }))
   {
       <ul>
       @foreach (var item2 in Model.sample)
       {
           <li draggable="true" ondragstart="drag(event)" class="Contentpropclass" value="@item2.name">
               <input type="hidden" id="ID" name="ID" value="@item2.id"/>
               <input type="hidden" value="@item2.name" name="Name" id="Name"/>
               @item2.name
               <input type="number" name="age"  value="@item2.age" placeholder="age"  />
               <input type="number" name="siblings" value="@item2.siblings" placeholder="" /> 
           </li>     
       }
       </ul>
       <br /> <br /> <br />
       <br /> <br /> <br />
       <br /> <br /> <br />

       <button type="submit" value="submit">Save</button>
    }
</div>   

Answer 1

您需要从 Controller 返回 JSON。

c#

public ActionResult Controller1(String postdata1, object postdata2)
        {
            Boolean result = GetResultMethot(); 
            var jsonResult = Json(result, JsonRequestBehavior.AllowGet);
            return jsonResult;
        }

cshtml

   @using (Ajax.BeginForm("Insert", "User", new AjaxOptions{
           HttpMethod = "POST",
           UpdateTargetId = "target",
           OnSuccess = "AjaxResponse(data)"
       }))

JavaScript

function AjaxResponse(json) {
    if(json != null && json.length > 0 && json == "true")
    {
       alert("true");
    }
    else
    {
       alert("false");
    }   
}