html代碼（test.html），js在html底部
具體代碼如下所示：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>test-jquery-ajax-list</title></head><body><div class="main"><table><thead><tr><th>id</th><th>name</th><th>sex</th><th>time </th></tr></thead><tbody id="infolist"></tbody></table></div></body><script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script><script type="text/javascript">$(document).ready(function(){getList();function getList(){// jquery ajax 請求$.ajax({type:'post', //請求方式，默認geturl :"http://localhost/ajax-demo-list/test.php",data:{getFunction:1},success:function(data,status){$('#infolist').html('');$str = '';$.each(data.list,function(i,val){$str = $str + '<tr>';$str = $str + '<td> '+val.id+' </td>';$str = $str + '<td> '+val.name+' </td>';$str = $str + '<td> '+val.sex+' </td>';$str = $str + '<td> '+val.time+' </td>';$str = $str + '</tr>';});$('#infolist').append($str);if(data.list == "" || data.list.length < 0 || data.list == "undefined"){$('#infolist').html('<td colspan="10" style="height:200px;text-align:center;color: #23527c">暫無相關數據...</td>');}},error:function(data,statsu){alert("發送請求失敗！");}});}});</script></html>php代碼 （test.php）
<?phpheader("Content-Type: application/json;charset=utf-8");if($_REQUEST['getFunction']){getList();}function getList(){$data = array(array('id' => 1,'name' => 'xiaoming','sex' => '男','time' => '2016年1月22日 14:45:46'),array('id' => 2,'name' => '老張','sex' => '男','time' => '2016年1月22日 14:45:46'),array('id' => 3,'name' => '撈王','sex' => '男','time' => '2016年1月22日 14:45:46'));$list = json_encode(array('list'=>$data));print_r($list);// print_r(json_encode(array('list'=>$data=array())));}以上所述是小編給大家介紹的jQuery通過ajax請求php遍歷json數組到table中的代碼(推薦)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
