ajax - 使用 ajax 元素链接到另一个页面

Question

我有一个网站，我想将 page1 链接到 page2:

第2页-有一个子菜单，显示如下信息:

$("#element").click(function(){
        $("#another_element").load("page3.html");
    });

在Page1上，我有链接，我想知道是否可以通过ajax调用使用href="page2.html/call_ajax_function_from_page2"。我如何单击 page1 中的元素并转到 page2 并调用它的 load() 以便它显示信息，就像单击其子菜单中的元素一样？

谢谢!其他信息 通过单击 page1.html 中的元素，我想重定向 page2.html 并加载某些 ajax 内容。 page2.html是带有ajax的

更多信息:我想这样做，因为在 page1 上我有一个轮播，每个按钮我希望它链接到一个完全不同的页面，page2 以显示与该轮播相关的信息。我已经构建了该 page2，并且当单击其子菜单中的链接时，它会根据 .load 加载内容。

Answer 1

我可能是错的，因为你的问题很难理解，但我认为你正在寻找类似的东西:

$('#foo li a').each(function() {
    $(this).click(function(e) {
        e.preventDefault();
        var href = $(this).attr('href');
        $('#bar').load(href + ' #someContainer'); // Load the href + an ID.
    });
});

例如，以这个 html 为例:

<ul id="foo">
    <li><a href="http://google.com">Link 1</a></li>
    <li><a href="http://microsoft.com">Link 2</a></li>
    <li><a href="http://apple.com">Link 3</a></li>
</ul>

如果您点击链接 2，preventDefault() 将“阻止”您的浏览器位置发生更改(更改页面)，然后您将将该 anchor 链接的属性存储在名为 href 的变量中。最后，您将该变量的内容加载到指定的 div 中，在本例中为“bar”。