Ajax.BeginForm 在 mvc 中呈现错误的 url

Question

我正在尝试使用 ajax 而不是 post 方法的整体视图来加载 div 数据。 但它会在发布操作时返回 object%20HTMLInputElement 操作名称。

控制器：

 [HttpGet]
 public ActionResult Index()
 {
   return View();
 }

 [HttpPost]
 public ActionResult Index(DemoCLass objdemo)
 {
   return View();
 }

查看

<div id="divEmp">
@using (Ajax.BeginForm("Index", "Challan", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "divEmp" }))
{
    @Html.AntiForgeryToken()
    <h3 style="text-align:center;" class="row header">Challan Data</h3>

    @Html.Partial("_DateCommonFT")
            }

它包括_Layout.cshtml 我将脚本定义为：

<script src="~/Scripts/jquery-1.12.4.min.js"></script>
<script src="~/Scripts/jquery-ui-1.12.1.min.js"></script>
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

如何使用 ajax 在发布请求时仅呈现发布操作而不加载整个页面 (_layout.cshtml)。

Answer 1

您可以尝试关闭您的 div 标签并在控制器中接收HtmlForgeryToken，如下所示。

您还可以通过在 Index 方法中返回 PartialView() 来使用 PartialView 填充目标 div

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Index(DemoCLass objdemo)
{
   return PartialView();
}


<div id="divEmp">
</div>
@using (Ajax.BeginForm("Index", "Challan", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "divEmp" }))
{
    @Html.AntiForgeryToken()
    <h3 style="text-align:center;" class="row header">Challan Data</h3>

    @Html.Partial("_DateCommonFT")
}

Answer 2

请在 Ajax.Begin 表单中使用 OnSuccess 方法。

在视图中：-

 @using (Ajax.BeginForm("Index", "Challan", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "divEmp",  OnSuccess = "AjaxForm" }))
    {
    }

在脚本中：- 这里从 post 控制器返回 json。

function AjaxForm(response){
.....do as uou want...
}

在控制器中：-

[HttpPost]
 public ActionResult Index(DemoCLass objdemo)
 {
   return json(new {IsSuccess = true},JsonRequestBehavior.AllowGet);
 }

如果您对此有任何疑问，请告诉我

Answer 3

使用PartialView 方法返回没有布局的视图。

[HttpPost]
public ActionResult Index(DemoCLass objdemo)
{
   return PartialView();
}

如果您只想为 ajax 表单提交返回没有布局标记的 html，您可以检查请求标头以查看请求是否为 xhr 请求。 Request.IsAjaxRequest() 方法在这里会很方便。

[HttpPost]
public ActionResult Index(DemoCLass objdemo)
{
   if (Request.IsAjaxRequest())
   {
      return PartialView();
   }
   else
   {
      return View();
   }
}