ajax渲染表格 中ajax请求回来json,如何在表格中展示
中ajax请求回来json,如何在表格中展示
给个示例你看一下:
其实简单说就是拼接字符串;”lttrgtlttdgt" nbspjson.xx "lttdgtlt/trgt“
functionnbspReadTable()nbsp{
nbspnbspnbspnbspnbspnbspnbsp$.ajax(nbsp{
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspurl:SetTop10Table.do,
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspdata:{
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspdz_type:nbspReadTable
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbsp//TableId:nbspid
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbsp},
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbsptype:post,
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspcache:false,
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspdataType:json,
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspsuccess:function(nbspdatanbsp)nbsp{
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspSetTableList(nbspdatanbspnbsp)
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbsp},
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbsperrornbsp:nbspfunction(nbspXMLHttpRequest,nbsptextStatus,nbsperrorThrownnbspnbsp)nbsp{
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbsp//parent.ShowError(nbsp"请求数据失败,请尝试重置数据库接连",nbsptextStatusnbsp nbsp"nbsp"nbsp nbspXMLHttpRequest.statusnbspnbsp)
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbsp}
nbspnbspnbspnbspnbspnbspnbsp})
nbspnbspnbsp}
nbspnbspnbspfunctionnbspSetTableList(nbspdatanbspnbsp)nbsp{
nbspnbspnbspnbspnbspnbsp$("#tList").empty()
nbspnbspnbspnbspnbspnbspfor(nbspvarnbspinbsp=nbsp0nbspnbspinbspltnbspdata.dblist.lengthnbspnbspi nbspnbsp){
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspvarnbspliStr="ltlinbspdata-table-id=" nbspdata.dblist[i].idnbspnbspnbsp "nbspdata-table-name=" nbspnbspdata.dblist[i].namenbspnbspnbsp "gt"
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspliStrnbsp ="ltanbsphref=javascript:void(0)gt"
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspliStrnbsp ="ltimgnbspsrc=image/table.pnggt"
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspliStrnbsp ="ltpgt" nbspdata.dblist[i].namenbsp "lt/pgt"
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspliStrnbsp ="lt/agt"
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspliStrnbsp ="lt/ligt"
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbsp$("#tList").append(nbspliStrnbsp)
nbspnbspnbspnbspnbspnbsp}
nbspnbspnbspnbspnbspnbspnbspif(nbspdata.dblist.lengthnbspgt=nbsp1nbspnbsp){
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbsp$("#tListnbspli:first").click()
nbspnbspnbspnbspnbspnbspnbsp}
nbspnbspnbspnbspnbspnbspnbspif(nbspdata.countnbsp==nbsp0nbspnbsp){
nbspnbspnbspnbspnbspnbspnbspnbspnbspnbspnbsp$("#Top10_1").empty()
nbspnbspnbspnbspnbspnbspnbsp}
nbspnbspnbsp}