laravel中用ajax提交表单数据并转跳
时间: 2024-03-23 09:43:00 浏览: 12
在Laravel中,你可以使用jQuery来实现AJAX提交表单数据并转跳。首先,在视图文件中添加一个表单,如下所示:
```
<form id="myForm" action="{{ route('submitForm') }}" method="POST">
@csrf
<!-- 表单内容 -->
<button type="submit" id="submitForm">提交</button>
</form>
```
这里使用了Laravel的路由器来指定表单提交的路由,也就是`submitForm`路由。接下来,你需要编写一个AJAX请求脚本,如下所示:
```
<script>
$(document).ready(function(){
$('#submitForm').click(function(e){
e.preventDefault();
$.ajax({
url: "{{ route('submitForm') }}",
method: 'POST',
data: $('#myForm').serialize(),
success: function(response){
window.location.href = "{{ route('redirect') }}";
},
error: function(xhr, status, error){
console.log(error);
}
});
});
});
</script>
```
这里使用了jQuery来监听表单提交按钮的点击事件,然后使用AJAX请求将表单数据提交到服务器。在成功响应后,我们可以使用`window.location.href`属性来跳转到另一个页面,如上面代码中的`redirect`路由。
最后,你需要在路由文件中定义这两个路由,如下所示:
```
Route::post('/submitForm', 'FormController@submitForm')->name('submitForm');
Route::get('/redirect', 'FormController@redirect')->name('redirect');
```
其中,`submitForm`路由用于处理表单提交请求,`redirect`路由用于处理AJAX成功响应后的跳转请求。
希望这可以帮助你实现在Laravel中使用AJAX提交表单数据并转跳。