我在将数据插入数据库中时遇到问题,因此我需要在其中插入歌曲信息的模块。因此,我只测试了较低版本的laravel(5.0 Laravel版本)和Ajax,以便将请求提交到后端。现在,当我按下提交按钮时,它显示出错误。
VerifyCsrfToken.php第46行中的TokenMismatchException:
一件事是令牌正在发送到后端
我将与大家分享我已经创建的示例代码。请参见下面的代码。
路线::
Route::post('/add_song','HomeController@add_song');
前端::
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
}
});
$(document).ready(function(){
$('.btn_add_music').on('click',function(e){
var song_title = $('#song_title').val();
var song_artist = $('#song_artist').val();
var song_lyrics = $('#song_lyrics').val();
var currentToken = $('meta[name="csrf-token"]').attr('content');
// var data = new FormData();
// data.append('song_title',song_title);
// data.append('song_artist',song_artist);
// data.append('song_lyrics',song_lyrics);
// data.append('currentToken',currentToken);
var formData = '_token=' + $('.token').val();
$.ajax({
url: '/add_song',
data: formData,
type: 'POST',
contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)
processData: false, // NEEDED, DON'T OMIT THIS
success:function(res) {
console.log(res);
},
error:function(err) {
console.log(res);
}
// ... Other options like success and etc
})
});
});
后端::
public function add_song(Request $request) {
dd($request->all());
$song_title = $request->get('song_title');
$song_artist = $request->get('song_artist');
$song_lyrics = $request->get('song_lyrics');
return response()->json('Success Inserted');
}
HTML ::
<div class="modal fade" id="ModalSong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Ready to Add New Song?</h5>
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form>
<div class="modal-body">
<div class="container-fluid">
<div class="row">
<input type="hidden" class="token" name="_token" value="<?php echo csrf_token(); ?>">
<div class="col-md-6">
<div class="form-group">
<label for="title"><b>Title:</b></label>
<input type="text" class="form-control" id="song_title">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="artist"><b>Artist:</b></label>
<input type="text" class="form-control" id="song_artist">
</div>
</div>
</div>
<div class="form-group">
<label for="comment"><b>Lyrics:</b></label>
<textarea class="form-control" rows="5" id="song_lyrics"></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-danger btn_add_music" type="button">Submit</button>
</div>
</form>
</div>
</div>
我相信您发送的令牌错误。该语法似乎已关闭,但我的专业领域却没有。请尝试以下方法。
var formdata= new FormData();
fd.append('_token', $('.token').val());
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句