使用 laravel 5 和 ajax 将数据发布到数据库时出现 500 内部服务器错误

Question

大家好？我正在尝试使用 laravel 5 和 ajax 将数据发布到数据库。我还通过添加来应用 csrf 保护

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

到我的布局页眉并将以下代码添加到我的页脚：

<script type="text/javascript">
$.ajaxSetup({
   headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') }
});
</script>

这是我的表格：

<form action="{{action('QuizController@postQuiz')}}" method="POST">
<div id="name-group" class="form-group">
<label for="name">Please type your question here</label>
<input type="text" class="form-control" name="question">
</div>
<button type="submit" class="btn btn-success">Submit <span class="fa fa-arrow-right"></span></button>
</form>

这是我的 JS 代码：

var formData = {
'question'    : $('input[name=question]').val(),
};
// process the form
$.ajax({
type : 'POST',
url : 'quiz',
data : formData, 
dataType : 'json', 
encode : true
})
// using the done promise callback
.done(function(data) {

// log data to the console to see
console.log(data); 


// ALL GOOD! just show the success message!
$('form').append('<div class="alert alert-success">' + data.message + '</div>');

// stop the form from submitting the normal way and refreshing the page
event.preventDefault();

这是我的路线：

Route::post('create/quiz', array(
'as' => 'post-quiz',
'uses' => 'QuizController@postQuiz'
));

当我的控制器如下：

public function postQuiz()
{
if(Request::ajax()) {
$question = Request::get('question');
$data['success'] = true;
$data['message'] = $question;
echo json_encode($data);
   }

ajax 调用有效并返回，

Object {success: true, message: "test question"}

但是当我尝试使用以下方式将数据发布到数据库时：

public function postQuiz()
{
if(Request::ajax()) {
$question = Request::get('question');
DB::table('questions')->insert([
'question' => $question,
]);
     }

我从控制台得到以下信息

POST http://localhost/leoschool-laravel5/public/create/quiz 500 (Internal Server Error)

和

Object {readyState: 4, responseText: "{"success":true,"message":"test question"}<!DOCTYPE htm…l>↵</div>↵↵            </div>↵    </body>↵</html>", status: 500, statusText: "Internal Server Error"}

可能是什么问题？谢谢..

Answer 1

Chrome 开发者工具是一个很好的起点。加载您的页面并打开工具并触发执行 AJAX 请求的事件。

在工具的网络选项卡下，它将向您显示每个请求，并允许您预览响应，就像您没有使用 AJAX 一样。这将向您显示 laravel 堆栈跟踪。我认为问题在于您正在使用外观并且它们的命名空间不正确。

将你的控制器功能改成这个，看看它是否有效：

public function postQuiz()
{
    if(\Request::ajax()) {
        $question = \Request::get('question');
        \DB::table('questions')->insert([
            'question' => $question,
        ]);
}

通过以上关于如何使用开发工具的说明以及更正的代码，您应该能够解决您的问题。不过，编写此代码的更好方法如下所示：

// assuming you have these models setup
// this uses dependency injection
public function postQuiz(Request $request, Question $question)
{
    if($request->ajax()) {
        $newQuestion = $request->get('question');
        //add fields here to create new question with
        $question->create([ /*stuff*/ ]);
}