請(qǐng)一直嘗試使用 laravel 中的 ajax 請(qǐng)求將數(shù)據(jù)插入我的數(shù)據(jù)庫(kù)。我收到錯(cuò)誤，但我無(wú)法真正找到解決方案。以下是我到目前為止所做的事情。標(biāo)頭<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><meta name="_token" content="{{csrf_token()}}"/>刀片銼刀<div class="content"> <form class="btn-submit" id="ajax" action="{{URL::to('insert-academic')}}"> <div class="form-group"> <label>Academic Year</label> <input type="text" name="academic_year" class="form-control" placeholder="title" required=""> </div> <div class="form-group"> <label>Description</label> <input type="text" name="academic_description" class="form-control" placeholder="details" required=""> </div> <div class="form-group"> <label>Semester</label> <input type="text" name="academic_semester" class="form-control" placeholder="details" required=""> </div> <div class="form-group"> <button class="btn btn-success">Submit</button> </div> </form> </div><script type="text/javascript"> $("#ajax").click(function(event) { event.preventDefault(); $.ajax({ type: "post", url: "{{ url('postinsert') }}", dataType: "json", data: $('#ajax').serialize(), success: function(data){ alert("Data Save: " + data); }, error: function(data){ alert("Error") } });});</script>路線Route::post('insert-academic', 'AcademicYearController@addAcademic');
2 回答
qq_笑_17
TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超7個(gè)贊
Blade 文件 - 刪除表單操作屬性，因?yàn)樗鼪](méi)有用。
<div class="content">
<form class="btn-submit" id="ajax">
<div class="form-group">
<label>Academic Year</label>
<input type="text" name="academic_year" class="form-control" placeholder="title" required="">
</div>
<div class="form-group">
<label>Description</label>
<input type="text" name="academic_description" class="form-control" placeholder="details" required="">
</div>
<div class="form-group">
<label>Semester</label>
<input type="text" name="academic_semester" class="form-control" placeholder="details" required="">
</div>
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<div class="form-group">
<button class="btn btn-success">Submit</button>
</div>
</form>
</div>
<script type="text/javascript">
$("#ajax").on('submit', function(event) {
event.preventDefault();
$.ajax({
type: "post",
url: "{{route('postinsert')}}",
dataType: "json",
data: $('#ajax').serialize(),
success: function(data){
alert("Data Save: " + data);
},
error: function(data){
alert(data);
}
});
});
</script>
路線：添加路線名稱
Route::post('insert-academic', 'AcademicYearController@addAcademic')->name('postinsert);
控制器方法：
public function addAcademic(Request $request){
$aca_year = new AcademicYear;
$aca_year->academic_year = $request->academic_year;
$aca_year->academic_description = $request->academic_description;
$aca_year->academic_semester = $request->academic_semester;
if ($aca_year->save()) {
return response()->json(['status'=> 'success']);
} else {
return response()->json(['status'=> 'error']);
}
}
繁華開(kāi)滿天機(jī)
TA貢獻(xiàn)1816條經(jīng)驗(yàn) 獲得超4個(gè)贊
使用提交而不是單擊。如果你綁定了點(diǎn)擊，當(dāng)你點(diǎn)擊表單中的任意位置時(shí)就會(huì)觸發(fā)。您需要綁定提交事件。
$("#ajax").on('submit', function(event) {
event.preventDefault();
$.ajax({
type: "post",
url: "{{ url('postinsert') }}",
dataType: "json",
data: $('#ajax').serialize(),
success: function(data){
alert("Data Save: " + data);
},
error: function(data){
alert("Error")
}
});
});
- 2 回答
- 0 關(guān)注
- 110 瀏覽
添加回答
舉報(bào)
0/150
提交
取消