,可以通过以下步骤实现:
下面是一个示例代码:
在视图中的按钮或链接:
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
打开模态框
</button>
在控制器中的方法:
public function showModal()
{
return response()->view('modal');
}
public function handleForm(Request $request)
{
$inputData = $request->all();
// 处理用户输入的数据
}
在模态框视图中的表单:
<form id="myForm" action="{{ route('handleForm') }}" method="POST">
@csrf
<div class="form-group">
<label for="inputName">姓名</label>
<input type="text" class="form-control" id="inputName" name="name">
</div>
<!-- 其他表单字段 -->
<button type="submit" class="btn btn-primary">提交</button>
</form>
在视图中的JavaScript代码:
$('#myForm').submit(function(e) {
e.preventDefault();
var formData = $(this).serialize();
$.ajax({
url: $(this).attr('action'),
type: 'POST',
data: formData,
success: function(response) {
// 处理响应数据
}
});
});
以上代码演示了如何在同一视图中获取模态输入,并通过AJAX将用户输入的数据发送到控制器进行处理。根据具体需求,可以进一步完善和优化代码。
领取专属 10元无门槛券
手把手带您无忧上云