jquery - 更改页面而不刷新 - Laravel/Ajax

Question

我已经搜索了一段时间，没有找到问题的答案，但没有运气。

我正在有效地尝试复制 Soundcloud 的导航结构，就像单击链接一样，它将重定向页面而无需使用 Ajax/jQuery 刷新，但不会重复内容，并且如果用户刷新页面，页面看起来仍然正常。

我遇到的问题是，我有一个主模板，它在所有 View 上扩展，因此当我调用拉出页面时，它会在我推送它的 div 中复制页面。这导致从主模板中拉出两个标题/侧边栏等。

我也试图让它发挥作用的另一件事是，如果我从 View 中删除主模板，它不会显示内容 - 但说它确实如此，它不会有样式，所以如果我要直接进入该页面，它会在没有样式等的情况下加载。

这是正常工作的 jQuery，可以正确地拉出页面:

jQ

$(".main-nav li a").click(function(e) {
    e.preventDefault();
    var href = $(this).attr("href");
    $(".content-container").load(href);
});

我希望这是有意义的，如果需要更多信息，我会尽力提供!

感谢一百万!

马特

编辑--

这仍然有效。我做了更多的挖掘，并想到了另一种人们可以提供更多线索的方式。如果我将扩展主模板包装在 View 上，如下所示:

if(!$request->ajax())
@extends('master')
@endif

如果通过 ajax 请求页面，那么只会在该 View 上显示主模板，对吧？我不确定这是否是正确的方法，但值得一试。

像往常一样，我们非常感谢任何帮助!

Answer 1

对于您想要实现的目标，您需要的不仅仅是 jQuery 和 Ajax。您需要一个适当的 JavaScript 框架与一些模板相结合。