Ajax zum Abrufen von Daten und Ändern von Elementen basierend auf Daten abgerufen

Question

Dies ist eher eine Informationsfrage, und vielleicht ist die Frage nicht gut formatiert, aber ich würde nicht wissen, wie man es besser erklären kann.

Ich habe einen Controller zum Abrufen von Daten aus der Datenbank [HttpGet] gemacht, wie kann ich Ajax für den Abruf der oben genannten Daten verwenden, und wenn erfolgreich ändern Sie die Farbe der 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; 
    } 

ich ein leeres bin Zeichnung, wie eine korrekte Syntax von Ajax zu schreiben, die die Farbe des entsprechenden div beispielsweise erhielt er basierend ändern würden auf diesen Daten, wenn in der Datenbank gibt es eine Firma mit dem Namen C und Zeit namens T dann Div1 würde die Farbe ändern?

Ist es überhaupt möglich? Gibt es ein Codebeispiel, das ich verwenden könnte? Wie gesagt, ich zeichne eine Lücke, da ich immer noch Ajax lerne ... jeder Rat wäre hilfreich. TNX

Answer 1

Ich würde vorschlagen, dass Sie AJAX verwenden, um eine ASP.NET Web API aufzurufen und Ihren Controller über die API-Funktion aufzurufen.

Ihre AJAX Funktion kann so etwas wie diese Biene

$.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"); 
      } 
    }); 

Das Ergebnis in der Erfolgsfunktion wird die gewünschte Liste und Sie können Bedingungen überprüfen dort Ihre div

zu manipulieren