ajax实现改变状态和删除无刷新

<!DOCTYPE html>
<html>
<head>
   <meta charset=utf-8>
   <title>用户权限展示表</title>
</head>
<body>
       //给table体设置一个div，方便js调用
       <div >
       <table align="center" border="1" width="500">
           <center><h2>用户权限表</h2></center>
           <tr>
               <th>uid</th><th>用户名</th><th>密码</th><th>锁定状态</th><th>角色</th><th>操作</th>
           </tr>
           {foreach $lists as $list}
               <tr align="center">
                   <td>{$}</td>
                   <td>{$}</td>
                   <td>{$}</td>
                   {if $list.is_lock==1}
                       <td><a href="javascript:lock(0,{$});">锁定</a></td>
                       {else}
                       <td><a href="javascript:lock(1,{$})";>取消锁定</a></td>
                   {/if}
                   {if $==1}
                           <td>管理员</td>
                   {else}
                           <td>编辑者</td>
                   {/if}
                   <td><a href="javascript:del({$})">删除</a></td>
               </tr>
           {/foreach}
       </table>
       </div>
</body>
       <script type="text/javascript">
           function lock(lock,uid){
                   //创建ajax对象
                   var xhr=new XMLHttpRequest();

                   //打开一个链接
                   ('post','');
                   //设置头信息
                   ('content-type','application/x-www-form-urlencoded');
                   //取值,多个参数用&分开
                   var data="is_lock="+lock+"&u切换状态失败！");
                           }
                       }
                   }
               }

       function del(uid){
           var del=("您确定要删除吗？");
           if(del){
               //创建ajax对象
               var xhr=new XMLHttpRequest();
               //打开一个链接
               ('post','');
               //设置header头
               ('content-type','application/x-www-form-urlencoded');
               //data取值
               var data="u删除失败！");
                       }
                   }
               }
           }
       }
       </script>
</html>

秒客网

ajax实现改变状态和删除无刷新

相关文章