最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

jQuery+Ajax实现排序效果

来源:http://www.erdangjiade.com/ 沐浴春风 2015-08-21 08:15浏览(1744)

在开发项目中,我们会经常碰到文章排序功能,也就是把优秀的文章推荐到前面。

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

jQuery+Ajax实现排序效果
分类:PHP > Ajax 难易:初级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 30 积分

PHP

<table width="100%" cellspacing="0" cellpadding="0" border="0" class="table_parameters">
    <tbody>
        <tr class="tr_head">
            <td>用户名</td>
            <td>内容</td>
            <td width="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 align="center"><?php echo $row['name']; ?></td>
                <td><?php echo $row['content']; ?></td>
                <td align="center"><a onclick="changeOrd($(this), '<?php echo $row['id']; ?>')"><?php echo $row['ord']; ?></a></td>
            </tr>   
        <?php } ?>
    </tbody>
</table>

JS

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.php

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);
}
标签: 排序
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/389.html
评论3
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 板凳
    05-25 21:48
    caihong
    好用嗎?<br /><br />
  • 头像 椅子
    07-03 18:00
    kksoft
    这个自定义排序效果非常好,非常赞
  • 头像 沙发
    11-02 14:39
    mdgg007
    不错的效果赞
1 2