ThinkPHP结合 ajax 修改文章状态(示例)

浏览:4309 发布日期:2015/03/10 分类:技术分享 关键字: ajax bootstrap
模版代码片段,个人感觉非常实用<volist name="artlists" id="artlists" key="stkey">
    <php> // key="stkey" 是遍历时会自动产生序列值,请参考手册
        // 初始化 给按钮各属性赋值;
        if($artlists['status'] == 1){
            $st_btn = 'btn btn-xs btn-info';    //bootstrap按钮样式
            $status = 1;            //当前按钮状态值,即文章状态值
            $st_value = '显示';        //当前按钮文本值
        }else{
            $st_btn = 'btn btn-xs btn-default';
            $status = 0;
            $st_value = '隐藏';
        }
    </php>

    <td>
        <button class="{$st_btn}" id="stv{$stkey}" artids="{$artlists.id}" status="{$status}">{$st_value}</button>
    </td>
</volist>

<script>
    //修改文章状态
    $("button").click(function(){
        var stid = $(this).attr('id');        //获取被 单击 的按钮的 ID 值
        var artid = $(this).attr('artids');        //获取要 传送 的 文章ID值
        var stval = $(this).attr('status');        //获取当前状态值
        $.post("{:U('articles/modstatus')}", {id:artid,status:stval}, function(datainfo){
            // datainfo 是修改后的数据库字段 status 返回值,1显示,0隐藏
            if(datainfo == 1){
                $("#" + stid).attr("class","btn btn-xs btn-info");
                $("#" + stid).attr("status","1");
                $("#" + stid).text("显示");
            }else{
                $("#" + stid).attr("class","btn btn-xs btn-default");
                $("#" + stid).attr("status","0");
                $("#" + stid).text("隐藏");
            }
        });
    });
</script>
php 文件处理,传入值为 0,即把隐藏状态改为 显示,status =1,返回1。同理,显示改为隐藏也是如此。

最佳答案
评论( 相关
后面还有条评论,点击查看>>