当前位置:首页>开发>正文

ajax渲染表格 中ajax请求回来json,如何在表格中展示

2023-04-09 11:12:56 互联网 未知 开发

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}

最新文章