Javascript 如何使用jquery在html上显示ajax列表响应？

因此，我目前有一个搜索框，用户可以搜索经理。当搜索并选择经理时，他们可以选择通过一个按钮显示直接报告员工，该按钮触发一个Javascript函数，该函数向后端发送Ajax帖子以查询数据库。收到成功响应后，我想显示一个包含员工一般信息（如姓名、职位等）的表。我们以前使用Jquery在加载时提取数据，但我想知道是否有一种方法可以从Ajax响应中提取和显示此数据，并在页面上显示而不刷新？另一个障碍似乎是，响应是以列表的方式进行的，因此许多员工都不会得到任何回复；多变的反应。如果更有效的话，我们也在使用Thymeleaf模板，但是如果我能让Thymeleaf选择器打开以进行实时更新，我就不会出现了，比如这个

请先看我的评论。如果可能的话，post响应应该是我假设的对象的JSON列表。成功后，使用jquery操作（添加或删除）表行，如果这听起来很复杂。将整个表放在id为的div中，当ajax返回时，通过用新表替换所有上述div HTML来重新创建表。不需要刷新。但是，由于请求可能需要很长时间或失败，因此需要一些动画（可能是blockUI）来显示活动，甚至处理失败

以便在HTML页面中设置Ajax响应，请执行以下操作：-

1.）使用HTML元素的id，然后将响应附加到ajax成功函数中

假设有一个文本框，您想在其中设置响应。

<input type="text" id="inputText" >

---

ajax刷新页面？好吧，这是一个长循环代码，但确实有效！它比我预期的要快，即使是为800多个对象创建5个元素。非常感谢。

$.ajax({
      url: //your url,
      success(data){
           $('#inputText').val(""); //clear the text box on each call so that it won't append the data on every request
           $('#inputText').val(data); //get the text-box id and append the response
      },
      error(data){
       console.log(JSON.stringify(data));
       }
});