2017-07-09 18 views
1

私はajaxで新しく、thisチュートリアルを試しましたが、500 jquery.min.jsを取得しました:4(内部サーバーエラー)、私は考えていません500 jquery.min.js:4(内部サーバーエラー)larvel ajax

ビュー:

<div class="secure">Secure Login form</div> 
    {!! Form::open(array('url'=>'account/login','method'=>'POST', 'id'=>'myform')) !!} 
    <div class="control-group"> 
    <div class="controls"> 
     {!! Form::text('email','',array('id'=>'','class'=>'form-control span6','placeholder' => 'Email')) !!} 
    </div> 
    </div> 
    <div class="control-group"> 
    <div class="controls"> 
    {!! Form::password('password',array('class'=>'form-control span6', 'placeholder' => 'Please Enter your Password')) !!} 
    </div> 
    </div> 
    {!! Form::button('Login', array('class'=>'send-btn')) !!} 
    {!! Form::close() !!} 

のjQuery:

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('.send-btn').click(function(){ 
     $.ajax({ 
     url: 'login', 
     type: "post", 
     cache: false, 
     data: {'email':$('input[name=email]').val(), '_token': 
     $('input[name=_token]').val()}, 
     success: function(data){ 
     alert(data); 
     } 
    }); 
    }); 
    }); 
    </script> 

コントローラ:

これを解決するために、ここでのコードでありますの

路線:

Route::get('account/login', function() { 
    return View::make('login'); 
}); 
Route::post('account/login', '[email protected]'); 
+0

あなたの 'console'で' Network Tab'をチェックし、あなたの 'ajax url'を見たら(例えば、 'account/login')、Didあなたは与えられた応答の 'プレビュー'を見ますか? – eeya

+0

あなたはどのバージョンのlaravelを使っていますか? –

+0

'{!! Form :: token()!!} 'before' {!! Form :: close()!!} ' – yahyazini

答えて

0

は、私はあなたがyou'reがあなたのAjaxリクエストで任意のCSRFトークンを送信していないため、500エラーコードを取得する場合は、あなたのjavascript

$('.send-btn').click(function(){ 

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


    $.ajax({ 
     url: 'login', 
     type: "post", 
     cache: false, 
     data: {'email':$('input[name=email]').val(), '_token': 
     $('input[name=_token]').val()}, 
     success: function(data){ 
      alert(data); 
     } 
    }); 

}); 

でこれを試すと信じて、このdoenst作品あなたのコンソールで> network->あなたの要求をクリックして、応答プレビューをしてください。

関連する問題