這篇文章主要介紹PHP+Ajax如何實現(xiàn)表格實時編輯,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
成都創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、濱海新區(qū)網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5高端網(wǎng)站建設、商城網(wǎng)站制作、集團公司官網(wǎng)建設、成都外貿網(wǎng)站建設公司、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務,價格優(yōu)惠性價比高,為濱海新區(qū)等各大城市提供網(wǎng)站開發(fā)制作服務。
如果我們的對于一個表格中所有的數(shù)據(jù)都能在本頁進行操作那該是多酷炫的一件事!
用Ajax就可以實現(xiàn)這個功能啦。廢話不多說,下面貼出我寫的demo吧哈哈。我用的TP框架(3.2)比較習慣啦。
首先是HTML代碼部分:
AJAX實時編輯
TAB1 TAB2 TAB3 TAB4 添加 {$vv.tab1} {$vv.tab2} {$vv.tab3} {$vv.tab4} 刪除修改
下面是控制器中的代碼:
select(); $this->assign('tablist',$tablist); $this->display(); } public function del(){ $map['id'] = $_POST['id']; $tab = M('table'); $info = $tab->where($map)->delete(); if($info){ $this->ajaxReturn("刪除成功"); }else{ $this->ajaxReturn("刪除失敗"); } } public function add(){ $map['tab1'] = $_POST['post_files']['clo_0']; $map['tab2'] = $_POST['post_files']['clo_1']; $map['tab3'] = $_POST['post_files']['clo_2']; $map['tab4'] = $_POST['post_files']['clo_3']; $tab = M('table'); $res = $tab->add($map); if($res){ $this->ajaxReturn("添加成功"); }else{ $this->ajaxReturn("添加失敗"); } } public function edit(){ $id = $_POST['id']; $map['tab1'] = $_POST['post_files']['clo_1']; $map['tab2'] = $_POST['post_files']['clo_2']; $map['tab3'] = $_POST['post_files']['clo_3']; $map['tab4'] = $_POST['post_files']['clo_4']; // dump($map);exit; $tab = M('table'); $res = $tab->where('id='.$id)->save($map); if($res){ $this->ajaxReturn("更新成功"); }else{ $this->ajaxReturn("更新失敗"); } } }
ajax是一種在無需重新加載整個網(wǎng)頁的情況下,能夠更新部分網(wǎng)頁的技術,可以通過在后臺與服務器進行少量數(shù)據(jù)交換,使網(wǎng)頁實現(xiàn)異步更新。
以上是“PHP+Ajax如何實現(xiàn)表格實時編輯”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!