檔案一:前端模板檔案news.html。
用於嵌套php語句載入資料庫內容後生產news.htmls靜態檔案。
<html><head><title>文章首頁</title><!-- 引入query --><script src="/public/js/jquery.js"></script></head><body><div><p>使用ajax請求的資料</p><ul><!-- 此處使用jq載入動態資料 --></ul></div><!-- 引入使用jquery編寫的ajax指令碼 --><script src="/public/js/articleList.js"></script></body></html>
檔案二:articleList.js檔案。
$.ajax({//介面地址url:'http://static.com/api/hot.php',//請求方式type:'get',//返回資料類型dataType:'json',//請求失敗時處理方式error:function(){},//請求成功時處理方式success:function(result){if(result.code == 1){//將從介面返回的資料拼裝html語句html = '';$.each(result.data,function(key,value){html +='<li><a href="##">+value.title+</li>';});//即使請求了產生的靜態news.htmls檔案,靜態new.htmls檔案jq也會動態將資料到靜態news.htmls靜態檔案中$("#hot_html").html(html);}else{//todo}},});
檔案三:介面檔案-news.php。
<?php /***************此處***************//*從資料庫查詢的結果並組裝成了一個數組$arrRes*//*******************************/ //調用show方法封裝並返回介面資料 return show(1,'',$arrRes); function show($code,$message,$data){ $resule=array( 'code' => $code, 'message' => $message, 'data' => $data, ); //將資料轉換成json資料並輸出使ajax接收 echo json_encode($result); }?>