How to circularly output the Json format data returned by the ajax request into table form
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.
