如何在 MVC 中的 JQuery AJAX 调用期间从控制器传递数据以查看？

Question

在我看来，我有一个 AJAX 调用，它向我的控制器发送一个 id 参数。这一点工作正常。在我的控制器中，我计划使用该 ID 查询数据库，提取相关数据并希望将其发送回 AJAX 调用/视图。这是我正在努力解决的问题，因为我是 AJAX 调用的新手。

var chosenSchoolID = $("#SelectedSchoolId").val();

$.ajax({
  url: "/Home/GetSchoolDetailsAJAX",
  type: "POST",
  data: {
    schoolID: chosenSchoolID
  },
  dataType: "text",
  success: function(data) {
    if (data == "success") {

    }
  },
  error: function(data) {
    if (data == "failed")
      alert("An error has occured!");
  }
});

以上是我的 AJAX 调用，这确实影响了我的控制器方法。但是在我的控制器中，我现在想发回其他字符串数据，但我不确定如何执行此操作（目前只是占位符代码）

[HttpPost]
public ActionResult GetSchoolDetailsAjax(string schoolID)
{
  // query database using schoolID
  // now we have other data such as:
  string SchoolName = "";
  string SchoolAddress = "";
  string SchoolCity = "";
  return null;
}

我必须在我的 Jquery 中声明变量并传递给 AJAX 调用的数据参数才能传递值吗？

在此先感谢

Answer 1

最简单的方法是使用控制器中的return Json() 返回从数据库中检索到的实体。

请注意，在检索数据时，应该发出 GET 请求，而不是 POST。此外，默认的 MVC 配置应该设置路由以允许您在 URL 中提供所需资源的id。因此，试试这个：

$.ajax({
  url: "/Home/GetSchoolDetailsAJAX/" + $("#SelectedSchoolId").val(),
  type: "get",
  success: function(school) {
    console.log(school);
  },
  error: function() {
    alert("An error has occured!");
  }
});

[HttpGet]
public ActionResult GetSchoolDetailsAjax(string id) {
  var school = _yourDatabaseContext.Schools.Single(s => s.Id == id); // assuming EF
  return Json(school);
}

如果您想在没有数据库集成的情况下对此进行测试，请修改以下行：

var school = new {
  Id = id,
  Name = "Hogwarts",
  Address = "Street, City, Country"
};