Javascript 我无法在laravel中插入数据,然后使用ajax检索数据
我想提交from,然后使用提交的数据更新表,而不刷新页面。 这是包含表单的模态Javascript 我无法在laravel中插入数据,然后使用ajax检索数据,javascript,html,ajax,database,laravel,Javascript,Html,Ajax,Database,Laravel,我想提交from,然后使用提交的数据更新表,而不刷新页面。 这是包含表单的模态 <div class="modal fade" id="clientModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class=&
<div class="modal fade" id="clientModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Add New Client</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form id="clientForm">
@csrf
<div class="row">
<div class="mb-3 col-md-6">
<label class="form-label" for="client">Client</label>
<input type="text" class="form-control" id="client" name="client" placeholder="XYZ Cabs" required>
</div>
<div class="mb-3 col-md-6">
<label class="form-label" for="person">Contact Person</label>
<input type="text" class="form-control" id="person" name="person" placeholder="Zack">
</div>
</div>
<div class="mb-3">
<label class="form-label" for="address">Address</label>
<input type="text" class="form-control" id="address" name="address" placeholder="1234 Main St" required>
</div>
<div class="mb-3">
<label class="form-label" for="phone">Phone Number</label>
<input type="text" class="form-control" id="phone" name="phone" placeholder="403 000 0000" required>
</div>
<div class="row">
<div class="mb-3 col-md-4">
<label class="form-label" for="country">Country</label>
<select id="country" name="country" class="form-control" required>
<option selected="selected" disabled="disabled">Choose...</option>
<option value="USA">USA</option>
<option value="Canada">Canada</option>
<option value="UK">UK</option>
</select>
</div>
<div class="mb-3 col-md-6">
<label class="form-label" for="province">Province</label>
<input type="text" class="form-control" id="province" name="province" required>
</div>
<div class="mb-3 col-md-2">
<label class="form-label" for="city">City</label>
<input type="text" class="form-control" id="city" name="city" required>
</div>
</div>
<div class="row">
<div class="mb-3 col-md-6">
<label class="form-label" for="usd">Price in USD</label>
<input type="text" class="form-control" id="usd" name="usd">
</div>
<div class="mb-3 col-md-6">
<label class="form-label" for="cd">Price in Canadian Dollar</label>
<input type="text" class="form-control" id="cd" name="cd">
</div>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
这是我的控制器功能:
public function addClient(Request $request)
{
$clients = new Client();
$clients->client = $request->input('client');
$clients->person = $request->input('person');
$clients->address = $request->input('address');
$clients->phone = $request->input('phone');
$clients->country = $request->input('country');
$clients->province = $request->input('province');
$clients->city = $request->input('city');
$clients->usd = $request->input('usd');
$clients->cd = $request->input('cd');
$clients->save();
return response()->json($clients);
}
当我点击提交按钮时,什么也没发生。如果我在这里遗漏了什么或做错了什么,有人能帮我吗?提前感谢。当您说什么都没发生时,您是否检查了浏览器开发人员工具控制台以查看是否有错误?或者,即使请求是sentError:POST 500(内部服务器错误),那么错误就出现在服务器代码上(请求正在发出,所以发生了一些事情)-您是否可以查看服务器日志,或者服务器是否碰巧将错误的描述发送回客户端?(
error:function(err)
callback在请求中可能有帮助)顺便说一句,在您的标记中似乎没有这些$(“input[name=\u token]”
我已经插入了name token提交函数“let _token=$(“input[name=\u token]”)val();”然后我在数据中有:{\u token
Route::post('/add-client','ClientController@addClient')->name('client.add');
public function addClient(Request $request)
{
$clients = new Client();
$clients->client = $request->input('client');
$clients->person = $request->input('person');
$clients->address = $request->input('address');
$clients->phone = $request->input('phone');
$clients->country = $request->input('country');
$clients->province = $request->input('province');
$clients->city = $request->input('city');
$clients->usd = $request->input('usd');
$clients->cd = $request->input('cd');
$clients->save();
return response()->json($clients);
}