LaravelでAjax通信に失敗する

laravelでajax通信がうまく行かないのですが、
どこかまちがっている箇所があるのでしょうか？
よろしくお願い致します

testをクリックすると、failに記述の
Ajaxリクエスト失敗
と出てます。

web.php

Route::post('laravel/ajax','AjaxController@ajaxMessage');

AjaxController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class AjaxController extends Controller
{
    //
    public function ajaxMessage(Request $request)
    {
        $data = $request->all();
        $message = $data['text'];
        return $message;
    }
}

sample.blade.php

<div id="excute">test</div>

<script>
    $(function() {
        $('#excute').on('click', function() {
            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },//Headersを書き忘れるとエラーになる
                url: '/laravel/ajax',//ご自身のweb.phpのURLに合わせる
                type: 'POST',//リクエストタイプ
                data: {'user_id': '1', 'text': 'Ajax成功'},//Laravelに渡すデータ
                contentType: false,//渡すデータによって必要(文字列だけなら不要)
                processData: false,//渡すデータによって必要(文字列だけなら不要)
            })
            // Ajaxリクエスト成功時の処理
            .done(function(data) {
                // Laravel内で処理された結果がdataに入って返ってくる
                $('#message').text(data);
            })
            // Ajaxリクエスト失敗時の処理
            .fail(function(data) {
                alert('Ajaxリクエスト失敗');
            });
        });
    });
    </script>

行動規範の内容に同意します

回答1件

ベストアンサー

test.blade.php
1<html>
2<head>
3<meta name="csrf-token" content="{{ csrf_token() }}">
4</head>
5<body>
6
7<script src="{{ mix('js/app.js') }}"></script>
8
9<div id="excute">test</div>
10
11<script>
12    $(function() {
13        $('#excute').on('click', function() {
14            $.ajax({
15                headers: {
16                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
17                },//Headersを書き忘れるとエラーになる
18                url: '/test',//ご自身のweb.phpのURLに合わせる
19                type: 'POST',//リクエストタイプ
20                data: {'user_id': '1', 'text': 'Ajax成功'},//Laravelに渡すデータ
21                // contentType: false,//渡すデータによって必要(文字列だけなら不要)
22                // processData: false,//渡すデータによって必要(文字列だけなら不要)                
23            })
24            // Ajaxリクエスト成功時の処理
25            .done(function(data) {
26                // Laravel内で処理された結果がdataに入って返ってくる
27                $('#message').text(data);
28            })
29            // Ajaxリクエスト失敗時の処理
30            .fail(function(data) {
31                alert('Ajaxリクエスト失敗');
32            });
33        });
34    });
35    </script>
36</body>
37</html>

で取りあえず動くの確認しました

web.php
1Route::get('/test', function () {
2    return view('test');
3});
4
5Route::post('/test', function (\Illuminate\Http\Request $request) {
6    $data = $request->all();
7    $message = $data['text'];
8    return $message;
9});