LaravelのAjax削除機能が動作しない

Question

Laravelでajax削除機能を作ろうとしました。

なぜそれが働いていないのかわかりません...エラーはありませんが、何も起こりません - ありがとうございました！

マイルート：

Route::post('/deleteWithAjax', 'eventController@deleteWithAjax'); 

マイ削除]ボタン：

<button value="{{$event->id}}" class="btn btn-danger btn-dell">Delete</button> 

私のjavascript：

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

$(document).ready(function(){ 
     $('document').on('click', '.btn-dell', function() { 

     var id = $(this).val(); 
     var el = $('#{{$event->id}}'); 
     $.ajax({ 
      type: 'post', 
      url: "deleteWithAjax", 
      data: { 
       'id': id 
      }, 
      success:function(data){ 
       el.remove(); 
      } 
     }) 
    }) 
}); 

私のコントローラメソッド：

public function deleteWithAjax(Request $r){ 
     eventModel::find ($r->id)->delete(); 
     return response()->json(); 
} 

は私が削除したい要素はdiv要素である：

<div id="{{$event->id}}"> 

EDIT **

私は今、それがトリガーされます

document.getElementById("btn-dell").onclick = function() 

イベントハンドラを変更する - しかし、私は中にエラーが発生しますコンソールとバックエンドはまだまったく呼び出されていません：

POST http://wt-projekt.test/index.php/deleteWithAjax 419 (unknown status) 
send @ app.js:29 
ajax @ app.js:29 
document.getElementById.onclick @ home:50 

Answer 1

私はprを解決しましたoblems：私は文書レディ機能 にトークン一部を配置

1. - もう>エラーなし、レコードが

2. をDBに削除し、まだビューで、私はデータ型を追加しました：への「テキスト」 AJAX呼び出し - >エラーは、ビューで削除

それでもあなたのコメントに感謝！