javascript - 在 Laravel 5.2 中使用 jquery 和 ajax 出现 500 内部服务器错误

Question

我正在 Laravel 5.2 中使用 jquery 和 ajax 构建编辑帖子系统。当我单击 Bootstrap 模式中的“保存更改”按钮时，显示以下错误:

Error: POST http://localhost:8000/edit 500 (Internal Server Error)

send @ jquery-1.12.0.min.js:4

ajax @ jquery-1.12.0.min.js:4 (anonymous function) @ myplace.js:24

dispatch @ jquery-1.12.0.min.js:3

r.handle @ jquery-1.12.0.min.js:3

js代码:

$('#modal-save').on('click' , function() {

 $.ajax({

 method : 'POST' ,
 url : url ,
 data: { body: $('#post-body').val(), postid: '' , _token: token }})

.done(function(msg) {

console.log(msg['message']);

    });
  });

包含在 View 文件中:

    <script>
    var token='{{ Session::token() }}';
    var url='{{  route('edit') }}' ;
  </script>


 <script   src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

 <script   src="https://code.jquery.com/jquery-migrate-1.2.1.min.js" ></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
  <script src="src/js/myplace.js"></script>

Answer 1

您的 csrf token 似乎有问题。在进行 ajax 调用之前，只需更改 ajax 设置并将 token 放入通过 ajax 发送的每个 header 中。这应该可以解决您的错误。

首先添加元标记

<meta name="_token" content="{{ csrf_token() }}">

然后调整ajax设置

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

或者更简单

$.ajaxSetup({ headers: { 'csrftoken' : '{{ csrf_token() }}' } });