嗨,大家好?我试图使用laravel 5和ajax..am将数据发布到数据库,同时通过添加<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"}
可能是什么问题呢?谢谢..
最佳答案
Chrome开发人员工具是一个不错的起点。使用打开的工具加载页面,并触发执行AJAX请求的事件。
在工具的“网络”标签下,它将显示您的每个请求,并允许您预览响应,就像您没有使用AJAX一样。这将显示laravel堆栈跟踪。我认为问题在于您使用的是Facades,并且它们的命名空间不正确。
将您的控制器功能更改为此,并查看它是否有效:
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*/ ]);
}