Ajax 用于检索数据并根据检索到的数据更改元素

Question

这更像是一个信息性问题，也许问题的格式不正确，但我不知道如何更好地解释它。

我已经制作了一个控制器，用于从数据库[HttpGet] 中检索数据，我如何使用Ajax 来检索前面提到的数据，如果成功更改div 的颜色？

  [HttpGet]
    public List<AppointmentsDT> ReturnApps()
    {
        List<AppointmentsDT> list = new List<AppointmentsDT>();

        foreach (Appointment a in db.Appointments)
        {
            AppointmentsDT a1 = new AppointmentsDT();
            a1.AppWithCompanyName = a.AppWithCompanyName;
            a1.AppTime = a.AppTime;

            list.Add(a1);
        }
        return list;
    }

我对如何编写正确的 ajax 语法持空白，该语法将根据收到的数据更改相应 div 的颜色，例如，如果数据库中有一家名为 C 的公司和名为 T 的时间那么 div1 会改变颜色吗？

有可能吗？有我可以使用的代码示例吗？就像我说的那样，因为我仍在学习 Ajax，所以我正在画一个空白……任何建议都会有所帮助。 TNX

Answer 1

我建议您使用AJAX 调用ASP.NET Web API 并从API 函数调用您的控制器。

你的AJAX 函数可以像这样

$.ajax({
      contentType: "application/json; charset=utf-8",
      type: 'GET',
      url:'api/getValues', //Your API url
      dataType: 'json',
      success: function (result) {
             //Use your logic to change color code here
             },
      error: function (error) {
             alert("error");
             }
     });

success 函数中的结果将有您想要的列表，您可以检查那里的条件来操作您的 div