Присвойте значение к URL-адресу JSON при установке флажка и автоматически обновите JSON

0

Мне действительно нужна была бы помощь в этом.

<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 и покажите новые параметры

Заранее спасибо!

Теги:
checkbox
reload

1 ответ

0
Лучший ответ

используйте.val() из jquery - это получит значение из формы, а затем добавит его к URL-адресу.

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

Я бы предложил для чего-то вроде этого, что просмотр документации jquery - хороший первый порт захода, так как он может дать вам идеи о том, как решать такие проблемы.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню