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

1. <volist name="artlists" id="artlists" key="stkey">
2.     <php> // key="stkey" 是遍历时会自动产生序列值，请参考手册
3.         // 初始化 给按钮各属性赋值;
4.         if($artlists['status'] == 1){
5.             $st_btn = 'btn btn-xs btn-info';    //bootstrap按钮样式
6.             $status = 1;            //当前按钮状态值，即文章状态值
7.             $st_value = '显示';        //当前按钮文本值
8.         }else{
9.             $st_btn = 'btn btn-xs btn-default';
10.             $status = 0;
11.             $st_value = '隐藏';
12.         }
13.     </php>
14. 
    
15.     <td>
16.         <button class="{$st_btn}" id="stv{$stkey}" artids="{$artlists.id}" status="{$status}">{$st_value}</button>
17.     </td>
18. </volist>
19. 
    
20. <script>
21.     //修改文章状态
22.     $("button").click(function(){
23.         var stid = $(this).attr('id');        //获取被 单击 的按钮的 ID 值
24.         var artid = $(this).attr('artids');        //获取要 传送 的 文章ID值
25.         var stval = $(this).attr('status');        //获取当前状态值
26.         $.post("{:U('articles/modstatus')}", {id:artid,status:stval}, function(datainfo){
27.             // datainfo 是修改后的数据库字段 status 返回值，1显示，0隐藏
28.             if(datainfo == 1){
29.                 $("#" + stid).attr("class","btn btn-xs btn-info");
30.                 $("#" + stid).attr("status","1");
31.                 $("#" + stid).text("显示");
32.             }else{
33.                 $("#" + stid).attr("class","btn btn-xs btn-default");
34.                 $("#" + stid).attr("status","0");
35.                 $("#" + stid).text("隐藏");
36.             }
37.         });
38.     });
39. </script>

复制代码

php 文件处理，传入值为 0，即把隐藏状态改为 显示，status =1，返回1。同理，显示改为隐藏也是如此。