まず、いくつかのルートを設定する必要があります。これは、コントローラーを使用して行うこともできます。
Route::get('home', function()
{
return View::make('home');
});
Route::get('someRoute', function()
{
return View::make('someView');
});
ホーム ビューの場合は、スクリプト セクションを追加します。
//home.php
<html>
<head>
<script>
$('a.ajax').click(function(e){
e.preventDefault();
var pageURL = $(this).attr('href');
$('#ajaxContent').load(pageURL);
});
</script>
</head>
<body>
<div class="wrapper">
<a href="{{URL::to('someRoute')}}" class="ajax">Click Here</a>
<div id="ajaxContent"></div>
</div>
</body>
</html>
ブレード テンプレートを使用している場合の実装は次のとおりです。
//main.blade.php
<html>
<head>
@yield('styles')
</head>
<body>
<div class="wrapper">
@yield('content')
</div>
@section('scripts')
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
@show
</body>
</html>
//home.blade.php
@extends('main')
@section('content')
<a href="<?=URL::to('someRoute')?>" class="ajax">Click Here</a>
<div id="ajaxContent"></div>
@stop
@section('scripts')
@parent
$('a.ajax').click(function(e){
e.preventDefault();
var pageURL = $(this).attr('href');
$('#ajaxContent').load(pageURL);
});
@stop