ajax接受json实现查看优惠券

js代码

<script type="text/javascript">
$(function() {
$("#usevc").bind("click", function() {
$("#vcdiv").show();
aj();
})
})
function discount(num) {
$money= $('#mon'+num).html();
$sum = $("#sum").html();
$("#sum").html("折算后：" + ($sum - $money));
$("#totalNum").attr("value",($sum - $money));
$("#vcdiv").hide();
$("#usevc").hide();
//将使用的优惠券编号添加
$td=$('#'+num+'td');
$("#vtd").attr("value",$td.html());
}
function aj() {
$.ajax({
type : "GET",
url : "../voucher/showAllVc",
dataType : "json",
success : function(Jsons) {
var addtd = "";
for (var i = 0; i < Jsons.length; i++) {
var str = '<tr><td   id='+Jsons[i].voucherType.vtNo+'td>'
+ Jsons[i].voucherType.vtNo
+ '</td><td>'
+ Jsons[i].voucherType.vName
+ '</td><td id="mon'+Jsons[i].voucherType.vtNo+'"> '
+ Jsons[i].voucherType.money
+ '</td><td><button type="button"  οnclick="discount('
+ Jsons[i].voucherType.vtNo
+ ')" class="btn btn-warning">使用</button></td></tr>';
addtd += str;
}
$('#tr').append(addtd);
},
error : function() {
alert("加载失败");
}
})
}

</script>

html代码

<button class="btn btn-primary" id="usevc">优惠券</button>
<div style="display: none;" id="vcdiv">
<table class="table" style="text-align: center;">
<tbody>
<tr>
<td>优惠券编号</td>
<td>优惠券</td>
<td>优惠价格</td>
<td>操作</td>
</tr>
</tbody>

<tbody id="tr"></tbody>

后台代码：

@RequestMapping("/showAllVc")//查看优惠券信息列表
public void  ShowAllVc(HttpServletRequest request,Model model,HttpServletResponse response) {
int custNo=(int)request.getSession().getAttribute("custNo");
List<Voucher> list = voucherService.findByCustNo(custNo);
ObjectMapper mapper = new ObjectMapper();  
    String jsonlist = null;
try {
jsonlist = mapper.writeValueAsString(list);
System.out.println(jsonlist);
response.getWriter().write(jsonlist.toString());

} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}  
}