苹果CMS会员升级表单示例教程

文件目录html/user/upgrade.html

苹果cms会员升级表单示例：

 <!-- BEGIN row -->
{volist name="group_list"}
   {if condition="$vo.group_id gt 2 && $vo.group_status eq 1"}
   <div class="huang grade"  data-id="{$vo.group_id}" data-name="{$vo.group_name}" data-points="{$vo.group_points_day}" data-long="day">
      {$vo.group_name}-包天：{$vo.group_points_day}积分
   </div>

   <div class="lan grade"  data-id="{$vo.group_id}" data-name="{$vo.group_name}" data-points="{$vo.group_points_week}" data-long="week">
      {$vo.group_name}-包周：{$vo.group_points_week}积分
   </div>

  <div class="hong grade"  data-id="{$vo.group_id}" data-name="{$vo.group_name}" data-points="{$vo.group_points_month}" data-long="month">
      {$vo.group_name}-包月：{$vo.group_points_month}积分
  </div>

  <div class="zi grade"  data-id="{$vo.group_id}" data-name="{$vo.group_name}" data-points="{$vo.group_points_year}" data-long="year">
      {$vo.group_name}-包年：{$vo.group_points_year}积分
   </div>
{/if}
{/volist}
<!-- END row -->

<script>	
$('.grade').click(function(){
   var that=$(this);
   var group_id = that.attr('data-id');
   var group_name = that.attr('data-name');
   var long = that.attr('data-long');
   var points = that.attr('data-points');

   if(confirm('确定要升级到【'+group_name+'】吗,需要花费【'+points+'】积分')) {
      $.ajax({
         url: "{:url('user/upgrade')}",
         type: "post",
         dataType: "json",
         data: {group_id: group_id,long:long },
         beforeSend: function () {
            $("#btn_submit").css("background","#fd6a6a").val("loading...");
         },
         success: function (r) {
            alert(r.msg);
            if (r.code == 1) {
               location.reload();
            }
         },
         complete: function () {
            $("#btn_submit").css("background","#fa4646").val("提交");
         }
      });
   }
});
</script>