首页>>表单>>jquery添加和删除数据 无刷新,拖动改变排序,jquery无刷新编辑内容并提交(2013-09-20)

jquery添加和删除数据 无刷新,拖动改变排序,jquery无刷新编辑内容并提交

添加和删除数据 ,拖动改变排序,以上都是刷新可以操作的

内容太多了，续点击这里

jquery添加和删除数据 无刷新,拖动改变排序,jquery无刷新编辑内容并提交
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 index.php

PHP Code
  1. <?php  
  2.   
  3. require "conn.php";  
  4. require "class.php";  
  5.   
  6.   
  7. // Select all the todos, ordered by position:  
  8. $query = mysql_query("SELECT * FROM `add_delete_record` ORDER BY `position` ASC");  
  9.   
  10. $todos = array();  
  11.   
  12. // Filling the $todos array with new ToDo objects:  
  13.   
  14. while($row = mysql_fetch_assoc($query)){  
  15.     $todos[] = new ToDo($row);  
  16. }  
  17.   
  18. ?>  
  19. <div id="main">  
  20.   
  21.   <ul class="todoList">  
  22.           
  23.         <?php  
  24.       
  25.         foreach($todos as $item){  
  26.             echo $item;  
  27.         }  
  28.           
  29.         ?>  
  30.   
  31.     </ul>  
  32.   
  33. <a id="addButton" class="green-button" href="#">添加记录</a>  
  34.   
  35. </div>  
  36.   
  37. <!-- This div is used as the base for the confirmation jQuery UI POPUP. Hidden by CSS. -->  
  38. <div id="dialog-confirm" title="确定要删除记录?">确定要删除记录</div>  

 ajax.php

 PHP Code

  1. <?php  
  2.   
  3. require "conn.php";  
  4. require "class.php";  
  5.   
  6.   
  7. $id = (int)$_GET['id'];  
  8.   
  9. try{  
  10.   
  11.     switch($_GET['action'])  
  12.     {  
  13.         case 'delete':  
  14.             ToDo::delete($id);  
  15.             break;  
  16.               
  17.         case 'rearrange':  
  18.             ToDo::rearrange($_GET['positions']);  
  19.             break;  
  20.               
  21.         case 'edit':  
  22.             ToDo::edit($id,$_GET['text']);  
  23.             break;  
  24.               
  25.         case 'new':  
  26.             ToDo::createNew($_GET['text']);  
  27.             break;  
  28.     }  
  29.   
  30. }  
  31. catch(Exception $e){  
  32. //  echo $e->getMessage();  
  33.     die("0");  
  34. }  
  35.   
  36. echo "1";  
  37. ?>  

 

 


原文地址:http://www.freejs.net/article_biaodan_38.html