javascript - 使用ajax加载页面的一部分

Question

我想要使用 Ajax 加载另一个页面的一部分。当您单击按钮时。我有一个页面。但是，我只想加载页面中的 .section div。当我点击按钮时。必须加载其他页面中的 .section 页面。

但是，我如何使用 ajax/jquery 加载。只有来自其他页面的 div。

Answer 1

您可以使用 jQuery 的 load 方法在不使用 ajax 的情况下完成此操作。这样，您就可以将返回的内容加载到 #div_id 或 body 中。以下是将内容加载到页面 body 中的示例；

$("#your_button_id").click(function() {
  var myUrl = "yourpage.html #div_id_having_data";
  $("body").load(myUrl);
  return false;
});

看看jQuery Ajax/load documentation