AJAX获取值及其无刷新应用

 <a projid="{$vo.Id}"  onclick="changestatus(this)" class="btn btn-primary btn-sm shiny">未完成</a>

<script>

function changestatus(obj){
 
    var projid=$(obj).attr("projid");
    $.ajax({
      type:"post",//发送的请求类型
      dataType:"json",//发送的数据类型
      data:{projid:projid},//传递数据,第一个projid为传递参数名字,第二个为值(js方法传参)
      url:"{:url('proj/changestatus')}",//请求的地址,点击的时候请求这个方法,
      success:function(data){//回调函数,执行一个function,data为接收到的返回的数据
        if(data==1){
          $(obj).attr("class","btn btn-danger btn-sm shiny");
          $(obj).text('完成');
        }else{
          $(obj).attr("class","btn btn-primary btn-sm shiny");
          $(obj).text('未完成');
        }
      }
    });
}

</script>

<td><a projid="{$vo.Id}"  
onclick="changestatus(this)" class="btn btn-primary btn-sm shiny">未完成</a></td>
//在a标签中构造projid="{$vo.Id}";注意changestatus(this);this为当前对象

猜你喜欢

转载自blog.csdn.net/zhaojie911272507/article/details/81783077