鍍金池/ 問答/PHP  數(shù)據(jù)庫(kù)  HTML/ ajax把數(shù)據(jù)庫(kù)輸出到html頁(yè)面怎么做？幫助一下！

ajax把數(shù)據(jù)庫(kù)輸出到html頁(yè)面怎么做？幫助一下！

最近在開發(fā)webAPP，想要通過ajax把mysql的數(shù)據(jù)直接輸出到頁(yè)面，即webAPP的首頁(yè)是html格式的，而不是php格式的，所以不能用php操作數(shù)據(jù)庫(kù)echo數(shù)據(jù)了，所以想到了ajax。

下面是數(shù)據(jù)庫(kù)表

clipboard.png

很簡(jiǎn)單的表。

據(jù)我了解，過程是這樣的。
1、要有一個(gè)sever.php進(jìn)行數(shù)據(jù)庫(kù)的連接，查詢，輸出
2、要有一個(gè)ajax.js進(jìn)行異步請(qǐng)求sever.php的數(shù)據(jù)
3、要有一個(gè)index.html進(jìn)行數(shù)據(jù)的渲染，顯示

大概就是這個(gè)流程
小弟只會(huì)echo數(shù)據(jù)
ajax還沒學(xué)，但是最近的項(xiàng)目需要這個(gè)

現(xiàn)在主要是想要打開index.html
就會(huì)把數(shù)據(jù)庫(kù)里面的所有數(shù)據(jù)
以表格的形式輸出

即下圖;

clipboard.png

所以上面三個(gè)文件的代碼是怎么寫的？

回答
編輯回答
疚幼

ajax 用json 格式請(qǐng)求 服務(wù)端
服務(wù)端 可以 查詢之后 組成一個(gè)數(shù)組 然后 echo json_encode($array);exit; 返回json 數(shù)據(jù)
注意 PHP的 header 要設(shè)置 header('Content-type: application/json');

2017年1月12日 08:50
編輯回答
玩控

為什么要這么復(fù)雜呢，html界面內(nèi)嵌PHP速度不是更好嗎？既然你想到做思路如下：1.定義js事件在html界面加載時(shí)就調(diào)用，然后ajax異步請(qǐng)求server.php，server.php進(jìn)行查詢數(shù)據(jù)庫(kù)，將結(jié)果return 結(jié)果。ajax事件回調(diào)異步渲染Html文件

2018年4月6日 05:56
編輯回答
祉小皓

最簡(jiǎn)單的大概就是這樣了，沒什么，對(duì)于ajax請(qǐng)求來說，請(qǐng)求到的東西都是字符串，后端輸出json，前端就可以直接轉(zhuǎn)化為js對(duì)象了。

// sever.php
$data=<data_from_db>
echo json_encode($data)
//ajax
data = JSON.parse(<data_from_server>)
// index.html
let table='<table>'
for(let i=0;i<data.length;i++){
table+='<tr>'
table+='<td>'+data[i].Firstname+'</td>'
table+='<tr>'
}
table+=</table>
2018年5月31日 23:09