c# - 如何在 ASP.NET MVC 中通过 Ajax 提交表单？

Question

我有一个由多个部分 View 组成的 View ，其中一个 View 使用 Edit 按钮显示用户信息。

单击 Edit 按钮时，我对另一个 Action 进行 ajax 调用，它返回加载到 JQuery 中的 Partial View -UI模态对话框。

如何通过 Ajax 提交此编辑表单并更新主页上的 UserInfo 局部 View ？

Answer 1

Ajax 调用

$('#submitIt').submit(function() {
    var createdBy = $('#createdBy').val();
    $.ajax({
         type: "POST",
         url: '/MyController/GetContact/',
         dataType: "html",
         data: { 'createdBy': createdBy },
         success: function (result) {
            $('#myLittleForm').html(result);
         },
         error: function (request, status, error) {
              //Do Something on Failure
         }
     });
});

Controller

    [HttpPost]
    public ActionResult GetContact(string createdBy)
    {
         ViewData["CreatedBy"] = createdBy;
         return PartialView("MyView");
    }

标记

<div id="myLittleForm">
   <form action="/MyController/GetContact/" method="post">
      <input id="createdBy" type="text"/> <br/>
      <input id="submitIt" type="submit" value="Submit"/>
   </form>
</div>

注意事项

当您在标记下提交表单时，将进行 ajax 调用并将 div“myLittleForm”替换为您的部分 View 。