Как обновить HTML, используя ajax, используя $ .ajax {}

Question

У меня есть javascript, который вызывает метод контроллера из javascript и возвращает объект json.Как только объект json будет возвращен, я хотел бы обновить таблицу под полем поиска, в которой будут показаны результаты объекта json.В основном я пытаюсь перечислить все объекты, но хочу отфильтровать результаты на основе какого-либо поиска в форме.

Ниже приведен пример кода, который я использую для получения объекта json:

$.ajax({
  type: "GET",
  dataType: "json",
  url: "/students/search/" + this.value,
  success: function(data){
    // logic to update field
  });
});

ОБНОВЛЕНИЕ:

Объект JSON:

[{"student":{"student_type":"D", "student_name":"Blah Blah"}}]

У меня есть таблица в моем html:

<table id="studentTable">
</table>

Я хотел бы добавить student_type и student_name втаблица

Answer 1

Предполагая, что данные, возвращаемые из контроллера, являются массивом объектов, я делал что-то подобное в предыдущих проектах:

Используя плагин шаблона jQuery:

$.each(data, function(index, element) {
var t = $.template("<tr><td>${student_type}</td><td>${student_name}</td></tr>");

var tdata = {
    student_type: element.student.student_type,
    student_name: element.student.student_name
};

$("#studentTable").append(t, tdata);

});

Все это должно идти в функцию обратного вызова успеха.Если бы вы могли предоставить html, где это будет происходить в представлении, и JSON, который вы получите от контроллера, я мог бы обновить свой ответ, чтобы лучше отразить ваш сценарий.