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

Question

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

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

欢迎来到堆栈溢出！如果您对常见问题解答不满意，人们在这里可能会有点苛刻。你会一直想要：

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

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

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

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

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