Как обновить 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 
    }); 
}); 

UPDATE:

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 вы вернетесь с контроллера, я смогу обновить свой ответ, чтобы лучше отразить ваш сценарий.