Shulou(Shulou.com)06/03 Report--

This article introduces how to circularly output the Json format data returned by ajax request into table format, the content is very detailed, interested friends can refer to it, I hope it can be helpful to you.

First, Ajax requests data (using Jquery's Ajax)

The code is as follows:

$(function () {)

$('# test') .click (function () {

$.ajax ({

Url:'__APP__/Article/jsonTest'

Type:'post'

Success:function (data) {

Var item

$.each (data,function (iMagna result) {

Item = "" + result ['num'] + "" + result [' title'] + "" + result ['credate'] + "Operation"

$('.table') .append (item)

});

}

})

})

});

Process the request in the background and return data in Json format (using Thinkphp to return)

The code is as follows:

$list = $File- > group ('num')-> order (' id desc')-> limit ($Page- > firstRow.','.$Page- > listRows)-> select ()

$this- > ajaxReturn ($list,'JSON')

Html part

The code is as follows:

Number name creation time operation

The effect is as shown in the picture

OK

On how to return the ajax request Json format data loop output into table format to share here, I hope the above content can be of some help to you, you can learn more knowledge. If you think the article is good, you can share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.