Javascript 在AJAX调用后更新JSP页面内表的values属性

Javascript 在AJAX调用后更新JSP页面内表的values属性,javascript,jquery,ajax,jsp,Javascript,Jquery,Ajax,Jsp,我在显示一个表的内容时遇到问题,一旦在同一页面中单击另一个表的某一行时发出AJAX请求,该表的内容就会可用。 以下是我在JSP页面中的表代码 <table id="previousList" class="table"> <thead> <tr> <th colspan="6">Previous Billing Records</th> </tr> <tr> &

我在显示一个表的内容时遇到问题,一旦在同一页面中单击另一个表的某一行时发出AJAX请求,该表的内容就会可用。 以下是我在JSP页面中的表代码

<table id="previousList" class="table">
  <thead>
    <tr>
      <th colspan="6">Previous Billing Records</th>
    </tr>
    <tr>
      <th>Bill Number</th>
      <th>Amount</th>
    </tr>
  </thead>
  <tbody>
    <c:forEach var="lastBill" items="${previousBills}" varStatus="status">  
      <tr>
        <td>${lastBill.billingId}</td>
        <td>${lastBill.billAmount}</td>
      </tr>
    </c:forEach>
  </tbody>
</table>
我的控制器代码如下

@RequestMapping(value=“/lastBill”)
public@ResponseBody字符串lastBill(ModelMap模型,字符串patientId)
{
System.out.println(“ID:+patientId”);
Gson Gson=新的Gson();
账单b=新账单();
b、 每平方米(1000);
b、 setBillingId(“12345SDf”);
托收票据=新建ArrayList();
条例草案.加入(b);
model.addAttribute(“以前的票据”,票据);
字符串jsonBills=gson.toJson(bills);
addAttribute(“jsonBills”,jsonBills);
退票;
}

我能够获取JSON数据,但无法将值绑定到表。任何建议/答案都是可以接受的。提前谢谢。

试试这个,它应该会有用的

var-jsonData;
$(#patientsList tbody')。在('click','tr',function()上{
var data=patientTable.row(this.data();
控制台日志(“数据”+数据);
$.ajax({
类型:“POST”,
url:“/LoginMavenSpringMVC/billing/lastBill”,
数据:“patientId=“+data[0],
成功:功能(响应){
console.log(“显示最近的账单详细信息:+响应”);
jsonData=JSON.parse(响应);
美元。每个(jsonData,功能(i,账单){
var newRowContent=”“+bill.billingId+“”+bill.billAmount+“”;
$(“#previousList tbody”).append(newRowContent);
});
},
错误:函数(e){
警报('错误:'+e);
}
});

});试试这个,应该可以

var-jsonData;
$(#patientsList tbody')。在('click','tr',function()上{
var data=patientTable.row(this.data();
控制台日志(“数据”+数据);
$.ajax({
类型:“POST”,
url:“/LoginMavenSpringMVC/billing/lastBill”,
数据:“patientId=“+data[0],
成功:功能(响应){
console.log(“显示最近的账单详细信息:+响应”);
jsonData=JSON.parse(响应);
美元。每个(jsonData,功能(i,账单){
var newRowContent=”“+bill.billingId+“”+bill.billAmount+“”;
$(“#previousList tbody”).append(newRowContent);
});
},
错误:函数(e){
警报('错误:'+e);
}
});

});它获取数据,但不处理数据。您实际在哪里使用
jsonData
变量?
jsonData=response
是可以从对/lastBill的ajax调用获得数据的地方。但你什么都不做。在你的“成功”函数中,你需要把它写到表中。是的,我得到了响应。但我发现很难用这些响应数据填充表格。(我试图在获取数据时将列表插入控制器本身,但对其不做任何操作。您实际在哪里使用
jsonData
变量?
jsonData=response
是通过对/lastBill的ajax调用获得数据的地方。但您不需要对其进行任何操作。在“成功”函数中,您需要将其写入到表。是的,我得到了响应。但是我发现很难用这个响应数据填充表。(我试图将列表插入控制器本身,因为有很多@Chandu:-)你救了我。它会起作用。但是一个小的更正,只有标签会在双引号内。非常感谢@Chandu:-)你救了我。它会有用的。但是一个小的修正,只有标签会在双引号内。