jquery中的$.post函数不起作用

Question

我在jquery中使用laravel5.1，我试图使用ajax提交表单。我的密码怎么了？我只是使用简单的ajax请求来发布数据。请看下面的代码。

<div id="result"></div>
<form action="" method="post" id="create">
   <div class="form-group">
      <label for="name" class="control-label">Name</label>
      <input type="text" name="name" id="name" class="form-control">
   </div>
   <div class="form-group">
      <label for="description" class="control-label">Description</label>
      <textarea name="description" id="description" cols="30" rows="10" class="form-control"></textarea>
   </div>
   <div class="form-group">
      <input type="submit" value="Create" class="btn btn-success">
   </div>
   {{ csrf_field() }}
</form>

路由

Route::post('/ajax-push', [
    'as' => 'ajax-push',
    'uses' => 'PagesController@postAjaxCreate'
]);

控制器

public function postAjaxCreate(Request $request){
        echo 'Hello there!';
    }

JS

$(document).ready(function(){
    var url = '{{ route('ajax-push') }}';
    $('#create').on('submit', function(){
        $.post(url, function(data){
            $('#result').html(data);
        });

        return false;
    });
});

Answer 1

你可以试试

$_token = "{{ csrf_token() }}";
$.post( url, { _token: $_token })
.done(function( data )
{
     $('#result').html(data);
});

但就我个人而言，我是这样使用的：

把这个放在头上

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

剧本上的这个

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

然后进行ajax调用：

$.ajax({
       type: "post",
       url: "{{ route("a.route") }}",
       data: $("#form").serialize(),
       dataType: "json",
       success: function (datos) {
           //mycode
       },
       error: function (request, status, error) {
           console.log(error);
       }
   });