从视图中的javascript调用控制器操作方法[关闭]

Question

我必须从局部视图添加按钮调用控制器方法 NewIndividualSearchCharacteristic。 但是使用这段代码，我得到了 404 错误。请帮助我，因为我是 .net core mvc 的新手。

局部视图中的按钮

<button id="add-characteristics" onclick="add()" type="button" class="btn btn-success">Add Characteristics</button>

Test.cshtml

function add(){
          var action = ' @Url.Action("NewIndividualSearchCharacteristic", "Blended")';
          window.location.href = action;
          $.post(url)
           .done(function (partialView) {
                  ('#Characteristics').append(partialView);
              });
 }

控制器

 [HttpPost]
        public ActionResult NewIndividualSearchCharacteristic(Characteristic Characteristic)
        {
            return PartialView("IndividualSearchCharacterisiticPartial", Characteristic ?? new Characteristic());
        }

Answer 1

您正尝试将用户重定向到作为新页面的操作并且尝试调用 AJAX 请求。它应该是其中之一。

如果你想这样做：

window.location.href = action;

然后你重定向用户，这是一个 GET 请求。所以从操作方法中删除[HttpPost]。 （并从 JavaScript 代码中删除 AJAX 调用，因为您不再需要它了。）

另一方面，如果你想这样做：

$.post(url)
    .done(function (partialView) {
        ('#Characteristics').append(partialView);
    });

然后从你的 JavaScript 中删除这一行：

window.location.href = action;

似乎后一种 (AJAX) 操作是您想要的，但这取决于您。

---

编辑：你也忘了在这里调用 jQuery 函数：

('#Characteristics').append(partialView);

应该是：

$('#Characteristics').append(partialView);