萨尔法保护 发表于 2018-12-18 12:40:08

PHP+Ajax实现后台文章快速排序

PHP+Ajax实现后台文章快速排序

在后台我们经常遇到文章排序功能,今天我们就在表格里面加个排序字段,实现实时排序功能。
也就是文章按照由小到大的顺序排序。

http://s3.运维网.com/wyfs02/M00/71/2B/wKioL1XIOMGDHxTcAAGKNVcGS1c100.jpg

  
文章列表


   
      
            
用户名
            内容
            排序
         
         
            
               
               
               
               
         
   
  
点击排序出现输入框,和确认方法

function changeOrd(obj, id) {
    var val = obj.text();
    var c = obj.parent("td");
    obj.parent("td").html("");
    c.children("input").focus();
}
function changeOrdConfirm(obj, id) {
    var ord = obj.val();
    $.post("ajax.php", {
      id: id,
      ord: ord
    },
    function(data) {
       obj.parent("td").html("" + obj.val() + "");
    })
}  ajax远程操作排序字段

include_once("connect.php");
$id = isset($_POST['id']) ? intval($_POST['id']) : 0;
$ord = isset($_POST['ord']) ? intval($_POST['ord']) : 0;
if ($id > 0) {
    $sql = "UPDATE `wishing_wall` SET `ord` ='".$ord."' WHERE `id` = '" . $id . "';";
   mysql_query($sql);
}  

  



附件:http://down.运维网.com/data/2366012

页: [1]
查看完整版本: PHP+Ajax实现后台文章快速排序