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("暂无奖品");
　　　　　　}
　　　　}
　　})

转载于:https://www.cnblogs.com/hzc961850/p/6273905.html