如何从同一页面上的其他html页面加载其他内容？

Question

我有这个主页面上有几个按钮。 我想知道如何通过单击按钮来访问不同html页面上的内容的DIV内容。 任何提示都会很棒！

Answer 1

让我们假设你有一个想要你的内容去的div。

<div id="result"></div>    
<a href="#" id="other">Click Here</a>

然后使用jQuery ajax .load()函数，您可以在另一个页面上获取数据并将html发送到div。

$(function() {    
   $("#other").click(function() {
       $('#result').load('ajax/test.html');
   });   
});

在这种情况下，当用户点击链接时，“ajax / test.html”中的所有html都将被发送到带有id结果的div。

Answer 2

欢迎来到Stack Overflow！如果你不熟悉FAQ，那么人们可能会有点苛刻。你总是想要：

1. 告诉我们您尝试了什么
2. 向我们展示您的代码

如果你做了那些事情，你会在这里找到一些惊人的帮助（尽管已经被投票了;）。

要回答您的问题，您需要监控导航元素的点击次数并点击加载页面。您还需要确保停止按钮的默认操作。所有这一切都可以这样实现：

$(document).ready(function() {
  $("#target").click(function(e) {
    $('#result').load('file.html');
    e.preventDefault();
  });
});

#target是您的特定按钮，#result是您的file.html加载到的位置（在当前页面上），而e.preventDefault()会阻止您的按钮执行其他操作（大多数人称之为劫持。