对于外部 HTML ajaxForm 帖子，MVC ActionResult 返回类型应该是什么

Question

这个想法是将表单数据从普通的外部 Html 页面发布到另一个 MVC 站点控制器。然后数据的处理几乎就像使用网络服务一样。

$(document).ready(function () {
  var options = {
    target: '#output',
    success: function(data){ alert('test success'); },
    url: http://localhost:57232/Services/SendFormData,
    dataType:  json
  };

  $('form').ajaxForm(options);
});

ActionResult 正确接收 FormCollection 对象中的数据。

[HttpPost]
public ActionResult SendFormData(FormCollection collection)
{
  string s = string.Empty;

  return Json(new { Success = true, Message = "Message!" }, JsonRequestBehavior.AllowGet);
}

此时返回成功结果，但当它到达外部表单时，我的浏览器（在本例中为 IE）尝试保存或打开返回的字节，而不是调用成功回调函数。

因为此页面是外部页面，而不是 MVC 站点的一部分，所以我无法使用视图或部分视图。返回类型应该是什么？

Answer 1

您需要返回partialview结果：

    [HttpPost]
    public ActionResult Form(Comment feedback)
    {
        if (feedback != null)
        {
            feedback.CommentedOn = DateTime.Now;
            feedback.CommentId += 1;
            if (ModelState.IsValid)
            {
                BlogPost blogpost = db.BlogPosts.Find(feedback.BlogId);
                if (blogpost != null)
                    blogpost.NoofComments += 1;
                db.Entry(blogpost).State = EntityState.Modified;
                db.Entry(feedback).State = EntityState.Modified;
                db.Comments.Add(feedback);
                db.SaveChanges();
                return PartialView("CommentSuccess", feedback);
            }
        }
        return PartialView("Comment", feedback);
    }

此外，在AjaxForm中，您需要设置UpdateTargetID：

@using (Ajax.BeginForm("Form", new AjaxOptions() { UpdateTargetId = "FormContainerdiv"     , OnSuccess = "$.validator.unobtrusive.parse('form');", OnComplete = "OnComplete();" }))

在Ajax表单的targetId中，您需要提及必须在其中显示响应数据的div id。

<div id="FormContainerdiv">.</div>
@Html.Partial("Comment", item);
</div>