2013-09-26 28 views
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(&#39;' + entry.VideoStreamUrl + '&#39;)"><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獲得&的郵編。請給我提示如何:

  1. 當複選框被選中時,將一個類別附加到urlSource變量。
  2. 當該複選框被選中,重新加載JSON和顯示新的選項

預先感謝您!

回答

0

從jquery使用.val() - 這將從表單獲取值,然後將其附加到URL。

http://api.jquery.com/val/

我建議這樣的事情是在看jQuery的文檔是調用的好第一口,因爲它可以給你如何來解決這樣的問題的想法。