主頁 > 知識庫 > ajax實現(xiàn)從后臺拿數(shù)據(jù)顯示在HTML前端的方法

ajax實現(xiàn)從后臺拿數(shù)據(jù)顯示在HTML前端的方法

熱門標簽:平?jīng)龈叩碌貓D標注商戶要收費嗎 大學校門地圖標注 外呼系統(tǒng)api對接 銷售電銷機器人詐騙 廣西智能外呼系統(tǒng)多少錢 福建微碼電話機器人 荊州智能電銷機器人 地圖標注與公司業(yè)務關系 提高電話機器人接通率

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

拿到的數(shù)據(jù)會顯示在這里

div id="test">/div>

ajax源碼:

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

php源碼:

?php
  include "conn.php";//這是鏈接數(shù)據(jù)的。
  $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實現(xiàn)從后臺拿數(shù)據(jù)顯示在HTML前端的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

您可能感興趣的文章:
  • JAVA后臺轉換成樹結構數(shù)據(jù)返回給前端的實現(xiàn)方法
  • java實現(xiàn)后臺數(shù)據(jù)顯示在前端
  • SpringMVC實現(xiàn)前端后臺交互傳遞數(shù)據(jù)
  • java后端把數(shù)據(jù)轉換為樹,map遞歸生成json樹,返回給前端(后臺轉換)
  • javascript前端和后臺進行數(shù)據(jù)交互方法示例

標簽:海南 樂山 黔東 邯鄲 衡陽 婁底 德陽 內(nèi)江

巨人網(wǎng)絡通訊聲明:本文標題《ajax實現(xiàn)從后臺拿數(shù)據(jù)顯示在HTML前端的方法》,本文關鍵詞  ajax,實現(xiàn),從,后臺,拿,數(shù)據(jù),;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《ajax實現(xiàn)從后臺拿數(shù)據(jù)顯示在HTML前端的方法》相關的同類信息!
  • 本頁收集關于ajax實現(xiàn)從后臺拿數(shù)據(jù)顯示在HTML前端的方法的相關信息資訊供網(wǎng)民參考!
  • 推薦文章