zoukankan      html  css  js  c++  java
  • 列表按钮功能的设置和DOM的使用

    HTML:

     1                 <foreach name="fulltime_list" item="v">
     2                     <tr>
     3                         <td></td>
     4                         <td><a href="{:U('FullTime/fulltime_detailed',array('id'=>$v['fulltime_id']))}">{$v.fulltime_name}</a></td>
     5                         <td>{$v.company_name}</td>
     6                         <td>{$v.member_id}</td>
     7                         <td>{$v.category_id}</td>
     8                         <td class="status">{$v.fulltime_status}</td>
     9                         <td>{$v.edit_time}</td>
    10                         <td colspan="2">
    11                                 <div class="button adopt" data-id='{$v.fulltime_id}'>
    12                                     <a  class="text">通过</a>
    13                                 </div>
    14                                 <div class="button notadopt" data-id='{$v.fulltime_id}'>
    15                                     <a  class="text">不通过</a>
    16                                 </div>
    17                         </td>
    18                         <td></td>
    19                     </tr>
    20                 </foreach>

    JavaScript:

        $('.adopt').click(function(){
                var full_id = $(this).attr('data-id');
                var a = $(this);
               $.ajax({
                   type:"post",
                   url:"{:U(FullTime/fulltime_list)}",
                   data:{
                       id : full_id,
                       status: 'data_true'
                   },
                   dataType:"json",
                   success:function(data){
                       if(data.msg){
    //                       location.replace(location);
                        a.parent().parent().find(".status").text('已发布');
                       }else{
    //                       alert('操作失败');
                       }
                   },
                   error:function(jqXHR){
                        alert("发生错误:" + jqXHR.status);  
                   },
               });
        });

    注意!

    $(this)不能再ajax里面初始化,初始化不了,只能在外面定义一个变量到函数里面使用!!!!
    对于列表按钮功能的实现,还有一个办法,就是点击事件上使用方法,方法里面定义你要传递的数据。
  • 相关阅读:
    011-通过网络协议解析网络请求-DNS-ARP-TCPIP
    010-HTTP协议
    009-DNS域名解析系统
    008-ICMP协议(网络控制文协议)
    007-IP报文协议
    007-排序算法-堆排序
    006-排序算法-希尔排序
    007-Linux 查看端口
    005-排序算法-归并排序
    004-排序算法-选择排序
  • 原文地址:https://www.cnblogs.com/laijinquan/p/7463719.html
Copyright © 2011-2022 走看看