$ .ajax {}を使用してajaxを使用してhtmlを更新する方法

Question

javascriptからコントローラメソッドを呼び出してjsonオブジェクトを返すjavascriptがあります。 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> 

私はliです

をjQueryのテンプレートプラグインを使用する：コントローラから返されるデータは、オブジェクトの配列である、私は以前のプロジェクトではこのような何かをやったと仮定すると、テーブルに

Answer 1

をstudent_typeとstudent_nameを追加するKE

$.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をコントローラから返せば、あなたのシナリオをよりよく反映するように答えを更新できます。