0
我真的需要一些幫助。將值附加到JSON url時,選中複選框並自動刷新JSON
<div id="entrylist"></div>
var urlSource = "http://www.example.com/catgories=Cat1,Cat,2,Cat3";
$.getJSON(urlSource, function(data){
$.each(data, function(i,entry){
if(entry.LiveStatus == 3) {
content = '<div class="row filmate">';
content += '<div class="large-4 columns no-padding">';
content += '<a href="#" onclick="playVideo('' + entry.VideoStreamUrl + '')"><img src="' + entry.ThumnailUrl + '" /></a><p>' + entry.Viewers + '<img src="img/eyes.png" /></p>';
content += '</div>';
content += '<div class="large-8 columns no-padding">';
content += '<h2>' + entry.Title + '</h2>';
content += '</div>';
content += '</div>';
} else if(entry.LiveStatus == 2) {
content = '<div class="row filmate">';
content += '<div class="large-12 columns no-padding">';
content += '<h2>' + entry.Title + '</h2>';
content += '</div>';
content += '<div class="large-12 columns no-padding">';
content += '<a href="#" data-reveal-id="myModal"><img id="ls-3" src="' + entry.ThumnailUrl + '" /></a><p>' + entry.Viewers + '<img src="img/eyes.png" /></p>';
content += '</div>';
content += '</div>';
} else if(entry.LiveStatus == 1) {
content = '<div class="row filmate">';
content += '<div class="large-12 columns no-padding">';
content += '<h2>' + entry.Title + '</h2>';
content += '</div>';
content += '<div class="large-12 columns no-padding">';
content += 'in direct<img src="' + entry.ThumnailUrl + '" /><p>' + entry.Viewers + '<img src="img/eyes.png" /></p>';
content += '</div>';
content += '</div>';
} else {
content = '<div class="row planificat">';
content += '<div class="large-12 columns planned no-padding">';
content += '<h2>' + entry.Title + '</h2>';
content += '<p>planificat</p>';
content += '</div>';
content += '</div>';
};
$(content).appendTo("#entrylist");
});
});
這是我的JSON獲得&的郵編。請給我提示如何:
- 當複選框被選中時,將一個類別附加到urlSource變量。
- 當該複選框被選中,重新加載JSON和顯示新的選項
預先感謝您!