推迟 Ajax 调用

Question

我的一个页面上有一些js代码，它使用ajax加载一些页面元素。 这些发生在页面的最顶部，不幸的是，减慢了页面其余部分的加载速度。 我想知道是否有办法推迟它，以便在页面加载后加载。

这是我正在使用的代码，它位于结束正文标签之前：

function countrySnippet() {
      $.ajax({
          url: '/country_snippets.php?sites=<?php echo json_encode($jam_sites); ?>&disabled=<?php echo json_encode($array_disabled); ?>&no_cat=<?php echo json_encode($category_disabled); ?>&hide=<?php echo $hide_overlay; ?>&use_id=<?php echo $use_id; ?>&snippet=<?php echo $display_country_snippet; ?>&title_top=<?php echo $snippet_title_top; ?>&title_bottom=<?php echo $snippet_title_bottom; ?>&theme=<?php echo $theme_detail['
          select_theme ']; ?>&code=<?php echo $country_code; ?>&region=<?php echo $country_region; ?>&thumbs=<?php echo $snippet_number_thumbs; ?>&size=<?php echo $settings_detail['
          index_thumbs_size ']; ?>',
          type: "get",
          beforeSend: function() {
            $('.ajax-load-snippet').show();
          }
        })
        .done(function(data) {
          $('.ajax-load-snippet').hide();
          $("#country-snippet").append(data).hide().fadeIn(1000);
        })
        .fail(function(jqXHR, ajaxOptions, thrownError) {
          $('.ajax-load-snippet').hide();
        });
    }
    countrySnippet();

Answer 1

正如@KamalSingh所建议的，

$(document).ready(function() {
  function countrySnippet() {
    $.ajax({
        url: '/country_snippets.php?sites=<?php echo json_encode($jam_sites); ?>&disabled=<?php echo json_encode($array_disabled); ?>&no_cat=<?php echo json_encode($category_disabled); ?>&hide=<?php echo $hide_overlay; ?>&use_id=<?php echo $use_id; ?>&snippet=<?php echo $display_country_snippet; ?>&title_top=<?php echo $snippet_title_top; ?>&title_bottom=<?php echo $snippet_title_bottom; ?>&theme=<?php echo $theme_detail['
        select_theme ']; ?>&code=<?php echo $country_code; ?>&region=<?php echo $country_region; ?>&thumbs=<?php echo $snippet_number_thumbs; ?>&size=<?php echo $settings_detail['
        index_thumbs_size ']; ?>',
        type: "get",
        beforeSend: function() {
          $('.ajax-load-snippet').show();
        }
      })
      .done(function(data) {
        $('.ajax-load-snippet').hide();
        $("#country-snippet").append(data).hide().fadeIn(1000);
      })
      .fail(function(jqXHR, ajaxOptions, thrownError) {
        $('.ajax-load-snippet').hide();
      });
  }
  countrySnippet();
});