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

Question

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

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

Answer 1

load您可以使用 jQuery 的方法在没有 ajax 的情况下执行此操作。这样，您可以将返回的内容加载到您的#div_idorbody中。这是将内容加载到页面的示例body；

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

查看jQuery Ajax/load 文档

Answer 2

如果我正确理解了您的问题，那么这将是解决方案，

在按钮上单击加载整个页面（.section 应该被隐藏）。然后单击另一个按钮只需切换 .section div。