Перезагрузить содержимое страницы Jquery с помощью кнопки «Класс»

Question

Я использую кнопку, у которой есть класс, который изменяется в зависимости от того, в каком положении он находится. Значение, если кнопка включена, класс будет равняться "кнопка вкл.

По умолчанию кнопка будет включена, и поэтому определенный тип информации будет загружен из базы данных, но если кто-то ее отключит, я бы хотел загрузить другой тип информации из базы данных. Я не знаю, как заставить изменение класса инициировать загрузку информации. Я не хочу, чтобы вся страница перезагрузила только содержимое, и я не знаю как! Это возможно с jQuery, или я должен делать что-то еще.

Я использую скрипт, найденный на этом сайте для кнопки: http://www.webstuffshare.com/2010/03/stylize-your-own-checkboxes/

Answer 1

чтобы получить некоторые данные без перезагрузки страницы, вы можете использовать функцию jquery.ajax ():

$.ajax({
  url: "test.html",
  success: function(data){
    $("#some_id").html(data); 
    //or make whatever manipulations you want
  }
});

Если вопрос о срабатывании остается, укажите, как вы меняете класс.

Хорошо.

if(jQuery(this)[0].checked == true) { 
  jQuery(this).after('<div class="'+ setClass +' on" rel="'+ thisID +'">&nbsp;</div>');
  //here the request for one data
  $.ajax({
    url: "one url",
    success: function(data){
      $("#some_id").html(data); 
    }
  });
}
else {
  jQuery(this).after('<div class="'+ setClass +' off" rel="'+ thisID +'">&nbsp;</div>'); 
  //and here - for another
  $.ajax({
    url: "another url",
    success: function(data){
      $("#some_id").html(data); 
    }
  });

}