PHP+Ajax实现后台文章快速排序-创新互联

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

创新互联服务项目包括昭通网站建设、昭通网站制作、昭通网页制作以及昭通网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，昭通网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到昭通省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

在后台我们经常遇到文章排序功能，今天我们就在表格里面加个排序字段，实现实时排序功能。

也就是文章按照由小到大的顺序排序。

文章列表

<tablewidth="100%" cellspacing="0" cellpadding="0"border="0">      <tbody>          <tr>             <td> 用户名</td>              <td>内容</td>              <tdwidth="120px">排序</td>          </tr>          <?php          $sql = "SELECT name,content,id,ord FROM wishing_wall ORDER BY ord ASC limit 0,10 ";          $query = mysql_query($sql);          while ($row =mysql_fetch_array($query)) {              ?>                <tr>                 <td><ahref='http://www.sucaihuo.com/php/389.html' target='_blank'><?php echo$row['name']; ?></td>                 <td><?php echo $row['content']; ?></td>                 <td><a onclick="changeOrd($(this),'<?php echo $row['id']; ?>')"><?php echo $row['ord'];?></a></td>             </tr>             <?php } ?>      </tbody>  </table>

点击排序出现输入框，和确认方法

function changeOrd(obj, id) {      var val = obj.text();      var c = obj.parent("td");      obj.parent("td").html("<input type='text'style='width:50px;' onFocus=this.select() onblur=changeOrdConfirm($(this)," + id + ") value='" + val +"' />");      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("<a onclick=changeOrd($(this)," +id + ")>" + obj.val() + "</a>");      })  }

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.51cto.com/data/2366012

另外有需要云服务器可以了解下创新互联cdcxhl.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网页标题：PHP+Ajax实现后台文章快速排序-创新互联
当前链接：https://www.cdcxhl.com/article24/ceijje.html

成都网站建设公司_创新互联，为您提供网站改版、面包屑导航、网站收录、网站内链、商城网站、企业建站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联