[英]Laravel Ajax posting data into the database
This is my index.php
<div class="container">
<h1>Drink A Coffee today</h1> <hr>
<h2>Coffee Orders</h2>
<ul id="orders">
<p><li class="highlight"></li></p>
<p><li class="highlight"></li></p>
</ul>
<h4>Add a Coffee Order</h4>
{!! Form::open(['url' => 'index', 'method' => 'POST']) !!}
<div class="form-group" role="form">
<p>
<label for="name">Name:</label>
<input id="name" type="text" name="name" class="form-control">
</p>
<p>
<label for="drink">Drink:</label>
<input id="drink" type="text" name="drink" class="form-control">
</p>
<p>
<button id="add-order" class="btn btn-default" type="submit">Add!</button>
</p>
</div>
{!! Form::close() !!}
</div>
下面是我的控制器
public function makeOrder() {
$post = Request::all();
if (Request::ajax()) {
$order = new Order;
$order->name = $post['name'];
$order->drink = $post['drink'];
$order->save();
$response = array(
'status' => 'success',
'msg' => 'Option created successfully',
);
return Response::json( $response );
}
}
//Below is my Route
Route::post('index', 'MakeOrderController@makeOrder');
然后是我的Ajax腳本
$(document).ready(function() {
$('#add-order').click(function(e) {
e. preventDefault();
//setting variables based on the input fields
var inputName = $('input[name="name"]').val();
var inputDrink = $('input[name="drink"]').val();
var token = $('input[name="_token"]').val();
var data = {name:inputName, drink:inputDrink, token:token};
var request = $.ajax({
url: "index",
type: "POST",
data: data,
dataType:"html"
});
request.done(function( msg ) {
var response = JSON.parse(msg);
console.log(response.msg);
});
request.fail(function( jqXHR, textStatus ) {
console.log( "Request failed: " + textStatus );
});
});
});
但是,無論何時我嘗試提交,什么都沒有發生,當我檢查元素時,我會收到此錯誤“無法加載資源:服務器以狀態500(內部服務器錯誤)響應為請求失敗:錯誤”
嗯,我想我現在看到了。 在您的AJAX數據中,您正在發送“令牌”,但是Laravel希望將此參數命名為“ _token”。
您只需在表單上使用jQuery的serialize()函數,而不是將每個字段都作為變量檢索,就可以使自己更輕松。 例如:
var data = $(this).closest('form').serialize();
代替var inputName,var inputDrink等
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.