加载网页的初始数据与ajax在砌体布局

Loading initial data of webpage with ajax in masonry layout

本文关键字:ajax 布局 数据 网页 加载      更新时间:2023-09-26

这是我用来从PHP文件获取数据的ajax

$.ajax({
      type: "post",
      url: "content.php",
      data: somevariable,
      dataType: "text",                  
      success: function(response) {
        $(this).parent().find(".loadingdataimage").hide();
        $content.html(response);
      }.bind(this)
  });

现在我如何使这段代码从content.php文件获取页面的初始数据每当页面加载

@Octopoid是正确的解决方案,这里有一个关于如何使用JQuery的例子:

$.ready(function () {
  $.ajax({
    type: "post",
    url: "content.php",
    data: somevariable,
    dataType: "text",                  
    success: function(response) {
      $(this).parent().find(".loadingdataimage").hide();
      $content.html(response);
    }.bind(this)
  });
});

如果你想把逻辑分离成一个可以再次调用的函数,你可以这样实现:

var refresh = function() {
  $.ajax({
    type: "post",
    url: "content.php",
    data: somevariable,
    dataType: "text",                  
    success: function(response) {
      $(this).parent().find(".loadingdataimage").hide();
      $content.html(response);
    }.bind(this)
  });
}
$.ready(refresh);