MVC如何调用控制器post方法

Question

您好，我对 Web 开发很陌生，并且被困在一个特定的场景中。

我有一个带有 2 种方法的地图控制器：

public ActionResult Map1(double easting, double northing)
public ActionResult Map2(double easting, double northing)

当被调用时，它们都使用所需的任何模型导航相应的视图：

return View(model);

然后我有一些 javascript 需要根据传递的操作调用相应的控制器方法。

我想将控制器方法标记为 [HttpPost]，但是当我这样做时，然后在 javascript 中使用 ajax 请求，对 View 的调用被吞没并且页面没有被重定向。

目前我让它工作的唯一方法是：

window.location.href = '/Map/' + actionVal + '?easting=' + easting + '&northing=' + northing;

但是使用它我无法将方法设置为 POST。

有没有人对我应该如何做到这一点有更好的想法？

Answer 1

有没有人对我应该如何做到这一点有更好的想法？

其实你不需要TWO不同的Controller动作，你可以只有ONE。此操作将返回您要显示的视图。

创建 POST 的一种方法是使用 HTML.BeginForm() 并将控制器和操作名称与 FormMethod.POST 一起传递给 BeginForm()。在 BeginForm 中，您可以有一个提交类型的 HTML 输入按钮来对控制器操作进行 POST 调用。

此外，如果您想区分此控制器操作的调用，我建议您这样做 -

首先使用Type 变量构建您的模型，通过它您可以区分您需要对数据执行的操作 -

public class Details
{
    public string easting { get; set; }
    public string northing { get; set; }
    public string type { get; set; }
}

让你的控制器动作像这样定义 -

[HttpPost]
public ActionResult Map(Details details)

你可以让你的视图像这样定义一个HiddenField -

@model Namespace.Details

@{
    ViewBag.Title = "Title";
}

<div id="uploadCourseList">
    @using (Html.BeginForm("Action", "Controller", FormMethod.Post))
    {
        @* Other properties of Model *@
        @Html.HiddenFor(m => m.type)
        <input type="submit">
    }
</div>

现在在视图上设置type，以便您可以区分后期操作并对数据执行必要的计算并返回视图。

Answer 2

您正在发送 GET 请求。因为您将参数映射到 queryString。

如果你想这样使用它，你应该在动作中添加[HttpGet] 属性。但我更建议您在 AJAX 请求中使用 HttpPost。

编辑：既然你使用 POST 请求应该是这样的

$.ajax({
    type: "POST",
    url: '/Maps',
    contentType: "application/json; charset=utf-8",
    data: {easting: easting, northing: northing}, //Maps the controller params
    dataType: "json",
    success: function() { alert('Success'); }
    });

Answer 3

您可以使用此代码：

//Client Side
$.ajax({
    type: "POST",
    url: '@Url.Action("FirstAjax", "AjaxTest")',
    contentType: "application/json; charset=utf-8",
    data: {id :1},
    dataType: "json",
    success: function(result) {
    alert(result);
    window.locationre=result.url;
    }
    });
//AjaxTest Controller
[HttpPost]
public ActionResult FirstAjax(string id)
{

 return Json(new {url="URL"});

}