Ajax刪除數據與查看數據操作

2024-09-01 08:27:20

字體：大中小

來源：轉載

供稿：網友

1.數據庫找一張表：

顏色表

2.主頁面

主頁面的代碼用到tbody；

TBODY作用是：

可以控制表格分行下載，從而提高下載速度。

（網頁的打開是先表格的的內容全部下載完畢后，才顯示出來，分行下載可以先顯示部分內容，這樣會減少用戶等待時間。

使用TBODY的目的是可以使得這些包含在內的代碼不用在整個表格都解析后一起顯示，就是說如果有多個行，那么如果得到一個TBODY行，就可以先顯示一行。

BODY是HTML的文本體，一個HTML文件，只有一個BODY，而在TABLE中可以有多個TBODY。

TBODY這個標簽可以控制表格分行下載，當表格內容很大時比較實用，在需要分行下載處加上和，

比如：

以下為引用的內容：head1head2首先顯示首先顯示再顯示再顯示foot1foot2

注意：

*1.TBODY元素在瀏覽器中不會被渲染表示

*2.當不同行間的單元間合并時各單元格所在的行不要加TBODY標簽

提示：TBODY元素內包含的有效標簽有：TD、TH、TR 特別提示本例代碼的運行將看不到效果，因為表格中的內容比較少，

只有在數據量大而且表格嵌套較多時才看得到效果。

主頁面代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>無標題文檔</title>  <script src="jquery-1.11.2.min.js"></script></head><body><h1>顯示數據</h1><table width="100%" border="1" cellpadding="0" cellspacing="0">  <tr>    <td>代號</td>    <td>名稱</td>    <td>操作</td>  </tr>  <tbody id="td">  </tbody></table></body></html><script>  $.ajax({    url:"jiazai.php",//    顯示所有的數據不用寫data  dataType:"TEXT",    success:function(data)    {    }  });</script>

圖：

回調函數里面是空的，等會回來寫；

接著是加載頁面：

顯示：遍歷數組，顯示出表的內容，具體：

<?phpinclude ("db.class.php");$db = new db();$sql = "select * from min";$arr = $db->Query($sql);//遍歷$str="";foreach ($arr as $v){  $str = $str.implode("-",$v)."|";  //用-把$v拼起來,拼出來是1-紅2-藍,用|分割，拼出來是1-紅|2-藍|}echo $str;

來看一下輸出的是什么：