使用ajax加载页面的一部分

Question

我想要Ajax Loading的另一个页面的一部分。当您单击按钮时。我有一个页面。但是，我只想加载页面中的.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

Answer 2

如果我已正确理解你的问题，那么这就是解决方案，

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