Question

你好吗？我试图使用laravel 5和ajax..am将数据发布到数据库，同时通过添加

来使用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*/ ]);
}

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

1 个答案: