如何使用ajax更新html使用$ .ajax {}

我有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到表

來源

2011-01-27 user140736

您可以顯示您的JSON數據的外觀嗎？這將有助於我們就如何解決這個問題提供更具體的建議。 – 2011-01-27 02:47:06

假設從控制器返回的數據爲對象的數組，我做了這樣的事情在以前的項目：

使用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，我可以更新我的答案以更好地反映你的場景。

來源

2011-01-27 02:54:52

查看json對象響應和html的更新代碼。 – user140736 2011-01-27 23:01:18

如何使用ajax更新html使用$ .ajax {}

回答

相關問題