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

我有一个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添加到一个表中

假设从控制器返回的数据是一个对象数组，我在以前的项目中做过类似的事情：

使用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);

});

$。每个（数据、函数（索引、元素）{
var t=$.template（“${student\u type}${student\u name}”）；
var tdata={
学生类型：element.student.student类型，
学生名称：element.student.student\u name
};
$（“#studentTable”）.append（t，tdata）；
});

---

所有这些都应该放在success回调函数中。如果您可以提供视图中的html地址，以及从控制器返回的JSON，我可以更新我的答案以更好地反映您的场景。

假设从控制器返回的数据是一个对象数组，我在以前的项目中做过类似的事情：

使用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);

});

$。每个（数据、函数（索引、元素）{
var t=$.template（“${student\u type}${student\u name}”）；
var tdata={
学生类型：element.student.student类型，
学生名称：element.student.student\u name
};
$（“#studentTable”）.append（t，tdata）；
});

---

所有这些都应该放在success回调函数中。如果您可以提供视图中的html地址，以及从控制器返回的JSON，我可以更新我的答案，以更好地反映您的场景。

您可以显示JSON数据的外观吗？这将有助于我们就如何实现这一点给出更具体的建议？这将有助于我们就如何实现这一点给出更具体的建议。请参阅json对象响应和html的更新代码。更新我的答案以反映您提供的示例请参阅json对象响应和html的更新代码。更新我的答案以反映您提供的示例