使用按钮上的类重新加载Jquery页面内容

时间:2011-07-10 16:44:54

标签: jquery ajax class reload

我正在使用一个按钮,它的类会根据它所处的位置而改变。这意味着如果按钮打开,类将等于“按钮打开”,如果它关闭,class =“button off”

默认情况下,该按钮将处于打开状态,因此将从数据库中加载某种类型的信息,但如果有人点击它,我想从数据库中加载其他类型的信息。我不知道如何使类更改触发器信息加载。我不希望整个页面只重新加载它上面的内容,我不知道怎么做!有可能使用jQuery,或者我应该做其他事情。

我使用此网站上的脚本作为按钮:http://www.webstuffshare.com/2010/03/stylize-your-own-checkboxes/

1 个答案:

答案 0 :(得分:0)

要获取一些没有页面重新加载的数据,你可以使用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); 
    }
  });

}