zoukankan      html  css  js  c++  java
  • ajax动态输出和判断

    ajax动态输出前端内容,这里是基于jq方法。

    $.ajax({
      url: goal.url+'springfestival/get-record-data.action?phoneNumber='+self.phone,
      type: 'get',
      dataType: 'json',
      success:function(d){
        var records = d.data.records;
        if(records.length){
          var len = records.length;
          var result = "";
          for(var i =0; i< len; i++) {
            result += '<div class="content clearfix">'
                +'<div class="con_l left">'
                +'<p>'+records[i].prizeName+'</p>';
            if(records[i].prizeMessage){
                result += '<p class="codeNumber">券码:<span>'+records[i].prizeMessage+'</span></p>';
            };
            result+='<p>有效期:2017.12.20</p>'
            +'</div>'
            +'<div class="con_r right">';
            if(records[i].prizeLevel == 1){
              result+='<a href="1.html" style="margin-top:.8rem;">立即领取</a>';
            }else if(records[i].prizeLevel == 2){
              result+='<a href="2.html">立即领取</a>';
            }else if(records[i].prizeLevel == 3){
              result+='<a href="2.html">立即领取</a>';
            }else if(records[i].prizeLevel == 4){
              result+='<a href="2.html">立即领取</a>';
            }else if(records[i].prizeLevel == 5){
              result+='<a href="2.html">立即领取</a>';
            };
            result+='</div></div>';
           }
            $("#PrizeContent").html(result);
           }else{
            $(".getPrize").text("暂无奖品");
          }
        }
      })

  • 相关阅读:
    Linux vim 入门 配置 及 使用初步
    Java网络编程之TCP通信
    [ javascript ] getElementsByClassName与className和getAttribute!
    找出二叉查找树中指定结点的”下一个&quot;结点(也即中序后继)
    DNS分别在什么情况下使用UDP和TCP
    高仿京东APP首页“京东快报”自己主动向上滚动的广告条
    HDU 5016 Mart Master II (树上点分治)
    Myeclipse10完美破解过程
    git format-patch 用法【转】
    Git下的冲突解决【转】
  • 原文地址:https://www.cnblogs.com/hzc961850/p/6273905.html
Copyright © 2011-2022 走看看