- search/pageShow返回的数据
$.get("search/pageShow",{currentPage:currentPage},function(pb){
console.log(pb);
//数据展示
var route_lis ="";
//
for(var i=0;i<pb.list.length;i++){
var d = pb.list[i];
var count = 0;
var li =
'<div class="firstDemo">\n' +
'<div class="demoL">\n' +
'<img id="imgL" src="'+d.rimg+'" class="demoImg" >\n' +
'</div>\n' +
'\n' +
'<div class="demoWord">\n' +
'<div class="wTop">\n' +
'<span id="word">'+d.rname+'</span>\n' +
'</div>\n' +
'<div class="wLow">\n' +
'<div class="lowL">\n' +
'¥<span class="ll" id="price">'+d.rprice+'</span>\n' +
'<span>起步</span>\n' +
'</div>\n' +
'<div class="lowR">\n' +
'已收藏<span id="'+d.rid+'countfav">0</span>次\n' +
'</div>\n' +
'</div>\n' +
'</div>\n' +
'<button onclick="javascript:addFavorite('+d.rid+');" id="'+d.rid+'" style="color:red;text-decoration: underline;font-size: 24px;position:relative;left: 460px;top: 100px;" href="javascript:void(0);">收藏</button>'+
'</div>\n'
;
route_lis+=li;
}
//遍历完过后将route_li里面的li的内容添加进ul里面
$("#main").html(route_lis);
for(var i=0;i<pb.list.length;i++){
isOrnotFav(i);
}
window.scrollTo(0,0);
});
- search/isFavorite获取的JSON数据
function isOrnotFav(rid){
$.get("search/isFavorite",{rid:rid},function(fav){
console.log(fav)
if(fav["flag"]){
$("#"+rid+"").html("已收藏");
$("#"+rid+"").prop("disabled","disabled");
$("#"+rid+"").css("color","gray");
$("#"+rid+"countfav").html(fav["sum"]);
}else{
}
console.log("收藏总数"+fav["sum"]);
count = fav["sum"]
});
}
总结
在使用时,为了获取每一个li的id,就必须给拼接字符串时,每一个获取的内容里面的div或者是其他的设置一个独立的id,在这里我使用的是rid,因为每一条数据的rid都不是一样的
同时,为了实现修改全部的li的内容,所以在这里我在外面定义了一个函数发送ajax请求,在在第一个ajax里面通过循环去多次访问这个ajax,获取数据,这样就能使所有的内容都发生一次判断