Question

我正在尝试使用$.ajax或.load()函数通过ajax加载页面，然后添加其内容替换当前的$('body').html()。问题是当我尝试这样做时，jquery将添加所有内容（包括<head></head>的内容在我的身体中。）

$.ajax({
  type: 'GET',
  url: '/somepage.html',
  success: function(data) {
    $('body').html(data);
  }
});

或

$('body').load('/somepage.html');

结果将类似于

<body>
  <-- Here starts the content of the head -->
  <title>....</title>
  <script src="..."></script>
  <link src="..."></link>
  <meta></meta>
  <-- Here ends the content of the head -->
  <-- Here starts the real body content -->
  <div>........</div>
  <-- Here ends the body content -->
</body>

我该如何避免这种情况？我做错了吗？

Answer 1

从jQuery load docs加载页面片段如下：

$('body').load('/somepage.html body');

通过向url参数添加第二个选项，您可以控制加载的内容。您还可以在第二部分使用css选择器，例如#someId或.someClass。

jQuery加载页面并在我当前页面中仅添加正文部分

1 个答案: