First, AJAX requests data (with jquery Ajax)
Copy Code code as follows:
<script>
$ (function () {
$ (' #test '). Click (function () {
$.ajax ({
URL: ' __app__/article/jsontest ',
Type: ' Post ',
Success:function (data) {
VAR item;
$.each (Data,function (i,result) {
item = "<tr><td>" +result[' num ']+ "</td><td>" +result[' title ']+ "</td><td>" + result[' credate ']+ "</td><td> operation </td></tr>";
$ ('. Table '). Append (item);
});
}
})
})
});
</script>
background processing request, returns JSON format data (with thinkphp return)
Copy Code code as follows:
$list = $File->group (' num ')->order (' id desc ')->limit ($Page->firstrow. ', '. $Page->listrows)-> Select ();
$this->ajaxreturn ($list, ' JSON ');
HTML Part
Copy Code code as follows:
<table class= "Table table-striped table-bordered table-condensed" >
<tr><th> number </th><th> name </th><th> creation time </th><th> operation </th></ Tr>
</table>
effect as Figure
OK