web-dev-qa-db-ja.com

Laravel 5：Ajax Post 500（内部サーバーエラー）

Ajaxを介してデータベースにデータを送信しようとしています。記事の送信ページは、ajaxがなくても正常に機能します。何かが起こっているかどうかを確認するためだけにconsole.log()を追加しましたが、代わりに次のエラーが発生します。

POST http：// localhost/laravel-5/public/articles/create 500（内部サーバーエラー）

私のコードの何が問題になっていますか？それはjavascriptですか、それともコントローラですか？

編集：私はこれをlaravel.log

c：\ xampp\htdocs\laravel-5\vendor\laravel\framework\src\Illuminate\Foundation\Http\Middleware\VerifyCsrfToken.php：53の例外 'Illuminate\Session\TokenMismatchException'

ルート

Route::resource('articles', 'ArticlesController');

コントローラ

public function store(Requests\ArticleRequest $request)
    {

        $article = new Article($request->all());
        Auth::user()->articles()->save($article);

        $response = array(
            'status' => 'success',
            'msg' => 'Article has been posted.',
        );
        return \Response::json($response);
    }

jQuery

$(document).ready(function() {
    $('#frm').on('submit', function (e) {
        e.preventDefault();
        var title = $('#title').val();
        var body = $('#body').val();
        var published_at = $('#published_at').val();
        $.ajax({
            type: "POST",
            url: 'http://localhost/laravel-5/public/articles/create',
            dataType: 'JSON',
            data: {title: title, body: body, published_at: published_at},
            success: function( data ) {
                $("#ajaxResponse").append(data.msg);
                console.log(data);
            }
        });
    });

見る

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<h1>Write a New Article</h1>

<hr>

{!! Form::open(['url' => 'articles', 'id' => 'frm']) !!}
    <p>
        {!! Form::label('title', 'Title:') !!}
        {!! Form::text('title') !!}
    </p>

    <p>
        {!! Form::label('body', 'Body:') !!}
        {!! Form::textarea('body') !!}
    </p>

    <p>
        {!! Form::label('published_at', 'Date:') !!}
        {!! Form::input('date', 'published_at', date('Y-m-d'), ['class' => 'form-control']) !!}
    </p>

    <p>
        {!! Form::submit('Submit Article', ['id' => 'submit']) !!}
    </p>
{!! Form::close() !!}

<h3 id="ajaxResponse"></h3>

@if($errors->any())
    <ul>
    @foreach($errors->all() as $error)
        <li>{{ $error }}</li>
    @endforeach
    </ul>
@endif

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="{{ URL::asset('assets/js/ArticleCreate.js') }}"></script>

}）;

phpjqueryajaxlaravellaravel-5
6
Halnex

POSTを介してリソースコントローラーにリクエストを行うと、自動的にストアメソッドが呼び出されます。

_Verb    Path        Action  Route Name
----------------------------------
POST    /articles   store   articles.store
_

したがって、ajax urlを次のように変更するだけです。

_$.ajax({
        type: "POST",
        url: 'http://localhost/laravel-5/public/articles',
_

セッショントークンを送信する必要がある場合は、次のようなグローバルメタタグを追加できます。

_<meta name="csrf-token" content="{{ csrf_token() }}">
_

次に、ajaxのヘッダーを介してトークンを追加します。

_$.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
});
_

Form::open()関数（LaravelCollective）を使用している場合は、__token_という名前の値としてトークンを持つ非表示の入力が追加されます。したがって、メタタグを削除して、ajaxのヘッダーを次のように編集できます。

_$.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('[name="_token"]').val()
        }
});
_
13
manix

C：\ xampp\htdocs\laravel-5\vendor\laravel\framework\src\Illuminate\Foundation\Htt‌ p\Middleware\VerifyCsrfToken.php：53で例外 'Illuminate\Session\TokenMismatchException'が発生しました。

LaravelのCSRF保護に達しています。

http://laravel.com/docs/5.1/routing#csrf-protection

非表示の_tokenフィールドの値を渡す必要があります。これは、jQueryで開始されたすべてのAJAXリクエストで、アプリケーションのJSでこれを実行することで自動的に実行できます。

$.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('input[name="_token"]').value()
        }
});

または、各AJAX呼び出しで_token非表示フィールドの値を手動でフェッチして渡すことができます。

2
ceejayoz

私はこのコードを共有して、誰かがajaxポストを必要とし、laravelを取得できるようにするのが好きです

<<<<<<<<
POST
<<<<
<<look after @extends<<
<<look beforeSend: function (xhr) <<
<<look use Illuminate\Http\Request in Routes<< 
<<<------<<views\login\login.blade.php<<<<-----------<<<
@extends('cuerpito.web')
<meta name="csrf_token" content="{{ csrf_token() }}" />
@section('content')
  <form action="#" id="logForm" method="post" class="form-horizontal">
             <div class="form-group">
                <div class="col-xs-12">
                    <div class="input-group">
                        <input type="email" id="email" name="email" class="form-control input-lg" placeholder="Ingresa tu Email." autocomplete="off">                            
                    </div>
                </div>
            </div>


            <div class="form-group">
                <div class="col-xs-12">
                    <div class="input-group">
                         <input type="password" id="password" name="password" class="form-control input-lg" placeholder="Ingresa tu Contraseña." autocomplete="off">

                    </div>
                </div>
            </div>
            <div class="form-group formSubmit">
                <div class="col-xs-12">
                    <div class="input-group">
                        <button type="submit" name="feedbackSubmit" id="feedbackSubmit" class="btn btn-success btn-lg" style="display: block; margin-top: 10px;">Ingresar</button>
                    </div>
                </div>
            </div>
     </form>

   <script type="text/javascript">
         $(document).ready(function () {
          $("#feedbackSubmit").click(function () {
              $.ajax({
                url: '{{URL::route('login4')}}',
                type: "post",
                 beforeSend: function (xhr) {
        var token = $('meta[name="csrf_token"]').attr('content');

        if (token) {
              return xhr.setRequestHeader('X-CSRF-TOKEN', token);
        }
    },
                data: $("#logForm").serialize(),
                success: function (data)
                {
                    if (data) {
                        alert(data);
                        console.log(data);
                         } else {
                  console.log(data);
                    }//else 
                }//success
              });//ajax
            return false;
          });//feedbacksubmit
   });//document ready
 </script>  
  -------------0----------------------
  -------------0----------------------
<<<----<<app\Http\routes.php<<<<-----------<<<
 <?php
 use Illuminate\Http\Request;
 Route::post('login4', function()
{
    return 'Success! POST Ajax in laravel 5';
})->name('login4');

------------------0----------------------
------------------0----------------------
<<<<
Get
<<look after @extends<<
<<look beforeSend: function (xhr) <<
<<look use Illuminate\Http\Request in Routes<< 
<<<------<<views\login\login.blade.php<<<<-----------<<<
@extends('cuerpito.web')
<meta name="csrf_token" content="{{ csrf_token() }}" />
@section('content')
<form action="#" id="logForm" method="post" class="form-horizontal">
             <div class="form-group">
                <div class="col-xs-12">
                    <div class="input-group">
                        <input type="email" id="email" name="email" class="form-control input-lg" placeholder="Ingresa tu Email." autocomplete="off">                            
                    </div>
                </div>
            </div>


            <div class="form-group">
                <div class="col-xs-12">
                    <div class="input-group">
                         <input type="password" id="password" name="password" class="form-control input-lg" placeholder="Ingresa tu Contraseña." autocomplete="off">

                    </div>
                </div>
            </div>
            <div class="form-group formSubmit">
                <div class="col-xs-12">
                    <div class="input-group">
                        <button type="submit" name="feedbackSubmit" id="feedbackSubmit" class="btn btn-success btn-lg" style="display: block; margin-top: 10px;">Ingresar</button>
                    </div>
                </div>
            </div>
 </form>


  <script type="text/javascript">
       $(document).ready(function () {
        $("#feedbackSubmit").click(function () {
              $.ajax({
                url: '{{URL::route('login2')}}',
                type: "get",

                beforeSend: function (xhr) {
        var token = $('meta[name="csrf_token"]').attr('content');
        if (token) {
              return xhr.setRequestHeader('X-CSRF-TOKEN', token);
        }
    },    

                data: $("#logForm").serialize(),
                success: function (data)
                {
                    if (data) {
                        obj = JSON.stringify(data, null, "    ");
                        var datito = JSON.parse(obj);
                        console.log(datito.response);
                        alert(datito.response);

                    } else {
                        console.log(data);
                    }//else 
                }//success
            });//ajax
            return false;
        });//feedbacksubmit
});//document ready
 </script> 
  -------------0----------------------
  -------------0----------------------
    <<<----<<app\Http\routes.php<<<<-----------<<<
    <?php
    use Illuminate\Http\Request;
    Route::get('login2', 'WebController@login2')->name('login2');
  -------------0----------------------
  -------------0----------------------
    <<<----<<Http\Controllers\WebController.php<<<<-----------<<<
   public function login2(Request $datos) {
    if ($datos->isMethod('get')) {
        return response()->json(['response' => 'This is get method']);
    }
    return response()->json(['response' => 'This is post method']);
}

  -------------0----------------------
  -------------0----------------------
0
Jumaycito

URLをVerifyCsrfToken.phpミドルウェアに追加できます。 URLはCSRF検証から除外されます：

protected $except = [ "your url", "your url/abc" ];
0
Danish Jamshed

確かにあなたが確かな答えを探しているなら、それはここにあります：このエラーは特に、コードにcsrf_token（）がない場合に発生しますここに私がやったことがあります、

<h6>ITEMS  ORDERED:<a href="#" id="{{$post->identifier}}" onclick="getcart(this.id)">CLICK HERE</a></h6>
<input type="hidden" id="token" value="{{ csrf_token() }}">

今Ajaxで

<script type="text/javascript">
function getcart(val) {
  var alpha=val;
var token=document.getElementById('token').value;

$.ajax({
 type:'post',
 url:'/private/getcart',
 data:{'alpha':alpha,'_token': token},//this _token should be as it is 
 success:function (result) {
alert(result);
 }

});


}

</script>

私のlaravelコントローラ

public function getcart(Request $req)
{
  return response ("its");
}
0
Shubh