Question

我是ajax的新手，我练习了一下但是我一直都会遇到这种错误，我无法在任何地方找到答案。

我在索引页面，我想用ajax

加载另一个页面body

例如：

本地主机：3000 /主/索引

我想加载：

本地主机：3000 /主/约

目前我有这个

$('#site-nav').find('li:eq(1)').on('click', function(event){
  event.preventDefault();
  $.ajax('/main/about', { 
    success: function(response) {
      $('body').html(response);
    },
    error: function(request, errorType, errorMessage) {
      alert('Error: ' + errorType + ' with message: ' + errorMessage);
    },
    timeout: 5000,
    beforeSend: function() {
      $('body').fadeOut(1000);
    },
    complete: function() {
      $('body').fadeIn(1000);
    }
  });
});

当我这样做的时候，我的身体会被<head>...</head>的东西重复，它也冻结了2秒钟。

谢谢！

编辑：

这是身体的样子

<body>

  <div id="overlay"></div>

  <header id="site-header" class="header section light">
    <div class="container">
      <div class="row">
        <div id="logo" class="col-29 no-padding">
          <h1 class="site-title"><a href="/"><img src="/assets/main/logo.png" alt="logo"></a></h1>
        </div>
        <div id="header-widgets" class="col-7">
          <!-- start social icons -->
          <!-- To be partial -->
          <nav id="header-social" class="text-right">
            <a href="#" class="icon circle tooltip" title="Like us on facebook"><i class="fa fa-facebook"></i></a>
            <a href="#" class="icon circle tooltip" title="Follow us on Twitter"><i class="fa fa-twitter"></i></a>
            <a href="#" class="icon circle tooltip" title="Google Plus"><i class="fa fa-google-plus"></i></a>
          </nav>
          <!-- start site navigation -->
          <%= render partial: 'shared/main_nav' %>
        </div>
       </div>
    </div>
  </header>

  <main id="main">

    <%= yield %>

  </main>

  <div class="row row1">
    <div class="footer-grass">&nbsp;</div>
  </div>


  <footer id="site-footer">
    <section id="footer-widgets" class="section dark">
      <%= render partial: 'shared/pre_footer' %>
    </section>

    <section id="footer-bottom" class="section dark">
      <%= render partial: 'shared/footer' %>
    </section>
  </footer>
</body>

头标签重复在体内与轨道上的ajax调用

0 个答案: