2016-08-13 204 views
1

我是一个新用户LARVEL,当我开发IM遇到此问题,希望数据时,有人能帮助我(匿名函数)通过​​使用AJAX

我用什么来开发=> PHP Laravel 5.2

我现在遇到了什么错误=> POST 500内部服务器错误点=> (匿名函数)

这是我ajaxcreate.blade.php

@extends('layouts.app') 

@section('content') 
<div class="col-md-10 col-md-offset-1"> 
    <div class="col-md-8"> 
     <input type="text" class="form-control" id="name" name="name" 
      placeholder="Enter some name" required> 
     <p class="error text-center alert alert-danger hidden"></p> 
    </div> 
    <div class="col-md-4"> 
     <button class="btn btn-primary" type="submit" id="add"> 
      <span class="glyphicon glyphicon-plus"></span> ADD 
     </button> 
    </div> 
</div> 

<div class="col-md-10 col-md-offset-1"> 
    <table class="table table-borderless" id="table"> 
     <thead> 
      <tr> 
       <th class="text-center">ID</th> 
       <th class="text-center">Name</th> 
       <th class="text-center">Details</th> 
       <th class="text-center">Actions</th> 
      </tr> 
     </thead> 
     @foreach($data as $item) 
     <tr class="item{{$item->id}}"> 
      <td>{{$item->id}}</td> 
      <td>{{$item->name}}</td> 
      <td>{{$item->details}}</td> 
      <td><button class="edit-modal btn btn-info" data-id="{{$item->id}}" data-name="{{$item->name}}"> 
        <span class="glyphicon glyphicon-edit"></span> Edit 
       </button> 
       <button class="delete-modal btn btn-danger" data-id="{{$item->id}}" data-name="{{$item->name}}"> 
        <span class="glyphicon glyphicon-trash"></span> Delete 
       </button> 
      </td> 
     </tr> 
     @endforeach 
    </table> 
</div> 


<script> 
$("#add").click(function() { 

    $.ajax({ // this is where my console said the anonymous function 
     type: 'post', 
     url: 'addItem', 
     dataType: 'json', 
     data: { 
      '_token': $('input[name=_token]').val(), 
      'name': $('input[name=name]').val() 
     }, 
     success: function(data) { 
      if ((data.errors)) { 
       $('.error').removeClass('hidden'); 
       $('.error').text(data.errors.name); 
      } else { 
       $('.error').remove(); 
       $('#table').append("<tr class='item" + data.id + "'><td>" + data.id + "</td><td>" + data.name + "</td><td><button class='edit-modal btn btn-info' data-id='" + data.id + "' data-name='" + data.name + "'><span class='glyphicon glyphicon-edit'></span> Edit</button> <button class='delete-modal btn btn-danger' data-id='" + data.id + "' data-name='" + data.name + "'><span class='glyphicon glyphicon-trash'></span> Delete</button></td></tr>"); 
      } 
     }, 
    }); 
    $('#name').val(''); 
}); 
</script> 
@endsection 

这是我AjaxController.php

public function addItem(Request $request) 
    { 

     $data = new Product(); 
     $data->name = $request->name; 
     $data->details = $request->name; 
     $data->save(); 
    } 

这是我的routes.php文件

Route::post('/addItem','[email protected]'); 

Route::get('/readItem','[email protected]'); 
+1

您可以随时查看您的'storage/logs/laravel.log'以查看错误的正确堆栈跟踪。我最初的想法是'$ data = new Product();'不应该有'()';它应该是'$ data = new Product;'。其余部分看起来很好,只要它发布的路线有效即可。让我知道这是否有帮助。 – James

+0

是的,它有帮助,并错误指向这个//local.ERROR:异常'Illuminate \ Session \ TokenMismatchException'在C:\ wamp64 \ www \ testing \ vendor \ laravel \ framework \ src \ Illuminate \ Foundation \ Http \ Middleware \ VerifyCsrfToken.php:67 // @詹姆斯你知道它的意思吗?谢谢! –

+1

您收到的错误是令牌不匹配异常,这意味着您通过请求传递的CSRF令牌无效。看看你上面的代码,我没有看到'_token'字段。确保你在页面上有你的CSRF令牌来检索。 – James

回答

0

的问题是不匹配的令牌

因此所有我需要做的就是改变

data: { 
      '_token': $('input[name=_token]').val(), 
      'name': $('input[name=name]').val() 
     }, 

data: { 
      '_token': '{{ csrf_token() }}', 
      'name': $('input[name=name]').val() 
     }