上一篇詳細說明了如何將資料庫中的資料列印到html頁面上,本篇將介紹如何在HTML頁面的表格裡進行對資料庫內容的增刪改查

還是借用上一篇的頁面,在此基礎上增加了操作按鈕:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表格</title>
//首先要引入jquery
<script type="text/javascript" src="../../jquery-3.2.1.min.js"></script>
//然後引入本頁面js
<script type="text/javascript" src="js/index.js"></script>
</head>

<body>
<a href='add.html'>新增</a>
<table id="tab"></table>
</body>
</html>

新建新增頁面:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表格</title>
</head>

<body>
<form action="index.php?id=add" method="post">
欄位名1:<input name="input1"></input>
欄位名2:<input name="input2"></input>
欄位名3:<input name="input3"></input>
...
<button>新增</button>
</form>
</body>
</html>



點選新增後跳轉到新增頁面
在php頁面需做switch判斷,根據id的傳值,來決定執行哪條程式碼:

$type=$_REQUEST['type'];  //根據這個型別判斷幹什麼
//根據頁面name採用post取值
$value1=$_POST['input1'];
$value2=$_POST['input2'];
$value3=$_POST['input3'];
switch($type){
//如果傳值是‘add’就執行以下程式碼
case 'add':   
$sql="insert into table(欄位1,欄位2,欄位3,。。。) values('$value1','$value2','$value3',....)";
$res = $db->query($sql);
break;

同樣的道理,修改,刪除都可以用這樣的方法,通過switch判斷帶來的傳值來執行相應的sql'語句即可