HTML頁面，ajax是基于id的，所有用id表示。

拿到的數據會顯示在這里

<div id="test"></div>

ajax源碼：

$(document).ready(function() {      $.ajax({        url : "admin/get_online_ganbu.php",//后臺請求的數據，用的是PHP        dataType : "json",//數據格式         type : "post",//請求方式        async : false,//是否異步請求        success : function(data) {  //如果請求成功，返回數據。        var html = "";        for(var i=0;i<data.length;i++){  //遍歷data數組            var ls = data[i];               html +="<span>測試："+ls.name+"</span>";          }          $("#test").html(html); //在html頁面id=test的標簽里顯示html內容        },      })    })

php源碼：

<?php  include "conn.php";//這是鏈接數據的。  $result = mysql_query("SELECT * FROM online where class =1 ");  $dataarr = array();  while($row = mysql_fetch_array($result)){    array_push($dataarr, $row);  }  mysql_close($con);  echo json_encode($dataarr);?>

以上這篇ajax實現從后臺拿數據顯示在HTML前端的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。