Jquery 在不刷新的情况下更改页面-Laravel/Ajax
我已经四处寻找了一段时间，没有找到我问题的答案，但是没有任何运气 我正在有效地尝试复制Soundcloud的导航结构，您可以点击链接，它将重定向页面而不使用Ajax/jQuery刷新，但不会复制内容，如果用户刷新，页面仍然正常 我的问题是，我有一个主模板，它在所有视图上都进行了扩展，所以当我调用拉取页面时，它会在div中复制页面，我也在推送它。这将导致从主模板中拉出两个标题/侧栏等 另一件事，我也试图让它工作的是，如果我从视图中删除主模板，它将不会显示内容-但说它有，它不会有样式，所以如果我直接转到该页面，它将加载没有样式等 这是正确浏览页面的工作jQuery： jQJquery 在不刷新的情况下更改页面-Laravel/Ajax,jquery,ajax,laravel,Jquery,Ajax,Laravel,我已经四处寻找了一段时间，没有找到我问题的答案，但是没有任何运气 我正在有效地尝试复制Soundcloud的导航结构，您可以点击链接，它将重定向页面而不使用Ajax/jQuery刷新，但不会复制内容，如果用户刷新，页面仍然正常 我的问题是，我有一个主模板，它在所有视图上都进行了扩展，所以当我调用拉取页面时，它会在div中复制页面，我也在推送它。这将导致从主模板中拉出两个标题/侧栏等 另一件事，我也试图让它工作的是，如果我从视图中删除主模板，它将不会显示内容-但说它有，它不会有样式，所以如果我直接
$(".main-nav li a").click(function(e) {
e.preventDefault();
var href = $(this).attr("href");
$(".content-container").load(href);
});
if(!$request->ajax())
@extends('master')
@endif
如往常一样，非常感谢您的帮助 对于您想要实现的目标，您需要的不仅仅是jQuery和Ajax。你需要一个合适的JavaScript框架和一些模板。尝试使用jQuery插件。有了这个插件，你可以用ajax导航创建任何网站。我可以给你一些想法 假设您的主布局如下所示：
<html>
<head>
<title>My website</title>
</head>
<body>
<header>
header
</header>
<main id="page-main">
@yield('content')
</main>
<footer>
footer
</footer>
</body>
</html>
@extends(layouts.master)
@section('content')
include partial here
@endsection
Class MyController extends Controller{
public function action1(Request $request){
// code here
return ($request->ajax() ? view('partial') : view('fullpage'));
}
}
$("body").on('click','.ajax',function(){
var url = this.href;
$.get(url, function(data){
$("#page-main").html(data);
//history manipulation here
});
return false;
});
希望能有所帮助。我通过在通过ajax加载页面时不需要显示的部分上使用
@if（！Request:：ajax（））