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里面初始化,初始化不了,只能在外面定义一个变量到函数里面使用!!!!
对于列表按钮功能的实现,还有一个办法,就是点击事件上使用方法,方法里面定义你要传递的数据。