jquery - Laravel 表单提交给 500
问题描述
我使用引导模式框提交表单。这是我的 HTML
<div class="modal-body">
<div class="card-body">
<form action="" method="POST" id="customerSubmit">
@csrf
<div class="row">
<div class="col">
@if(session('success'))
<div class="alert alert-success">{{session('success')}}</div>
@endif
@if(session('error'))
<div class="alert alert-error">{{session('error')}}</div>
@endif
<div class="row">
<div class="form-group col-md-6">
<label for="name">Name</label>
<input class="form-control" name="name" id="name" type="text" placeholder="Enter Name" data-original-title="" title="" required>
</div>
<div class="form-group col-md-6">
<label for="hpcontact">HP Contact No</label>
<input class="form-control" name="hpcontact" id="hpcontact" type="text" placeholder="HP Contact No" data-original-title="" title="" required>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="icno">IC No</label>
<input class="form-control" name="icno" id="icno" type="text" placeholder="Enter IC No" data-original-title="" title="" required>
</div>
<div class="form-group col-md-6">
<label for="homephone">Home Contact No</label>
<input class="form-control" name="homephone" id="homephone" type="text" placeholder="Enter home contact no" data-original-title="" title="" required>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="dob">D.O.B</label>
<input class="form-control" name="dob" id="dob" type="date" placeholder="Enter DOB" data-original-title="" title="" required>
</div>
<div class="form-group col-md-6">
<label for="officeno">Office No</label>
<input class="form-control" name="officeno" id="officeno" type="text" placeholder="Enter Office No" data-original-title="" title="" required>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="address">Address</label>
<input class="form-control" name="address" id="address" type="text" placeholder="Enter Address" data-original-title="" title="" required>
</div>
<div class="form-group col-md-6">
<label for="email">Email</label>
<input class="form-control" name="email" id="email" type="email" placeholder="Enter Email" data-original-title="" title="" required>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-primary" id="addcustomer" type="submit" data-original-title="" data-token="{{ csrf_token() }}" title="">Add Customer</button>
<input class="btn btn-light" type="reset" value="Cancel" data-original-title="" title="">
</div>
这是表单提交的路线
Route::post('modaluser/add', 'CustomerController@adduser')->name('customer.adduser');
这是控制器和方法
public function adduser(Request $request)
{
$input = $request->all();
return Response()->json($input);
}
这是 Ajax 的 jQuery
$(document).ready(function(){
$('body').on('click','#addcustomer',function(e){
e.preventDefault();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
// AJAX request
$.ajax({
method: 'post',
url: '/admin/modaluser/add',
data: $('#customerSubmit').serialize(),
success: function(msg) {
console.log(msg);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
console.log("some error");
}
});
});
});
这是我要提交此https://eu.2e.my/admin/booking/choose的地方。选择套餐并提交随机数后,您可以在每一行中找到“+添加客户”链接。只需点击其中任何一个。之后,表格将出现。我已经给出了上面的代码。现在当我提交这个时,它给了我 500 错误。
先感谢您。
解决方案
ajax 网址不正确
改变
url: '/admin/modaluser/add',
至
url: '{{ url('modaluser/add') }}'
或者
url: '{{ route('customer.adduser') }}'
推荐阅读
- angular - Angular ng-select *ngFor 指令中的多个值
- jboss - Jboss7:尝试解析 JNDI 名称“java:/XAConnectionFactory”时出错:javax.naming.NameNotFoundException:XAConnectionFactory
- python - 如何在 Python 中的 concurrent.futures.ProcessPoolExecutor 中传递“锁”?
- reactjs - 反应中材料ui表格单元的Onclick功能
- node.js - 谷歌云 SQL Server 和 Node.js
- javascript - fetch() 和 XMLHttpRequest GET 不适用于 Chrome 扩展
- java - 命令 mvn test 似乎找不到 JUnit5 参数化测试
- ios - Swift:使用 tableView.reloadData() 时是否可以不重新加载第一个单元格/行?
- python - 在 Python 中打印彩色消息
- php - WooCommerce:优惠券字段在移动表单后不显示错误或成功消息