将 JS 变量(数组)传递给 Laravel 控制器
我有一个使用 JS 和 Laravel 的项目。
在 blade.php 中我有一个带有复选框的项目列表,我根据其状态从外部数据库中检索该列表。我需要能够选择一些项目并通过一次单击更改其状态(例如“存档”)。
function getSelected(){
let selected = new Array()
let tblTickets = document.getElementById('tblTickets')
let checked = tblTickets.getElementsByTagName("input")
for (let i = 0; i < checked.length; i++) {
if (checked[i].checked) {
selected.push(checked[i].value)
}
}
if (selected.length > 0) {
let nr = selected.map(Number)
console.log(nr)
}
}
这是我的 JS 代码,它为我提供了数字数组(id(s)-所选项目的主键)
在 web.php 中,我创建了用于更新的命名路由:
Route::put("/tickets/update", [TicketsController::class, 'update'])->name('tickets.update');
在 ticketsController 中,我有以下函数:
public function update($ids){
foreach ($ids as $id) {
$tickets = DB::connection('secondDB')->table('ticket')
->join('ticket_status', 'id', '=', 'status_id')
->where('id', '=', $id)
->update(['name' => 'Closed']);
}
$route= route('tickets.update');
return view('tickets', [
'tickets' => $tickets,
'route' => $route
}
(它是第二个连接的外部数据库,因此我无法为其创建模型,因此我手动进行了白色查询)
在 tickets.blade 中,我添加了脚本,以便我可以在 JS 中访问路由变量
<script>
const ticketsApi = @json($route);
</script>
我的问题是 - 如何使用我在 blade.php 中传递的路由将已检查票证的 id 数组发布到 Controller 中的“更新”函数? (我知道我也可以在 JS 中循环,但如果我有 1000 张票,我需要 POST 1000 个请求,我发现在 PHP 中循环更有效)。
这个不起作用
fetch(route,
{
method: "POST",
body: JSON.stringify(numbers)
})
.then(res => res.json())
.catch(error => {
console.error('Error:', error);
})
.then(data => {
console.log(JSON.stringify(data));
});
感谢您的任何提示。
更新:
js 函数:
function getSelected(){
let payload = new Array()
let tblTickets = document.getElementById('tblTickets')
let checked = tblTickets.getElementsByTagName("input")
for (let i = 0; i < checked.length; i++) {
if (checked[i].checked) {
payload.push(checked[i].value)
}
}
let numbers = []
if (payload.length > 0) {
numbers = payload.map(Number)
console.log(numbers)
}
const putMethod = {
method : 'PUT',
headers: {
'Content-type': 'application/json; charset=UTF-8'
},
body: JSON.stringify(numbers)
}
fetch(urlUpdate, putMethod)
.then(res => res.json())
.then(data => {
console.log(data);
})
.catch(error => {
console.error('Error:', error);
})
web.php:
Route::put("/tickets/update", [TicketsController::class, 'update'])->name('tickets.update');
控制器:
public function update(Request $request): \Illuminate\Http\JsonResponse
{
$request->validate([
'ids' => ['required', 'array', 'min:1'],
'ids.*' => ['integer']
]);
$tickets = DB::connection('secondDb')->table('ticket')
->join('ticket_status', 'id', '=', 'status_id')
->whereIn('id', $request->input('ids'))
->update(['name' => 'Closed ']);
return response()->json([
'ticketsUpdated' => $tickets
]);
}
我仍然收到两个错误: action.js:57 PUT http://mypath/tickets/update 419(未知状态) action.js:63 错误:SyntaxError:意外令牌 <在 JSON 中的位置 0
我真的不知道如何传递我的数组,将其拆分为数字作为 id 并更新数据库。我有一个用于内部数据库的内置更新路由。但对于外部,我不能使用 safe() 并在路由 /bills/{id} 中内置带有 id 的函数,但我想更新其中的一组,而不是一个接一个
首先,您在获取请求中使用
POST
方法,而您的路由使用
PUT
动词。
因此,您必须将获取中指定的方法更改为
PUT
。
您的控制器存在一些问题:
-
您的 id 数组位于请求主体中,而不是 URL 的参数,因此您需要调整控制器操作以使用请求。
-
您想使用带有 id 列表的路由来避免对数据库进行 1000 次查询,但您这样做正是因为您使用的是 foreach 并且它没有经过优化。您可以改用
whereIn()
。 -
知道您正在使用 fetch,最好返回 JSON 响应而不是视图。
以下是代码示例:
public function update(Request $request)
{
$request->validate([
'ids' => ['required', 'array', 'min:1'],
'ids.*' => ['integer']
]);
$tickets = DB::connection('secondDB')->table('ticket')
->join('ticket_status', 'id', '=', 'status_id')
->whereIn('id', $request->input('ids'))
->update(['name' => 'Closed']);
return response()->json([
'ticketsUpdated' => $tickets;
]);
}
谢谢大家。我找到了让它在没有 JS 的情况下仅使用 Laravel 的解决方案
在 blade 中:
<form action="/tickets/update" method="POST">
@csrf
@method('PUT')
@foreach($tickets as $ticket)
<tr>
<td>
<input class="check" type="checkbox" id="{{$ticket->ticket_id}}" value="{{$ticket->ticket_id}}" name="ids[]" >
</td>
在 controller 中:
public function update(Request $request)
{
$numbers = $request->input('ids');
foreach ($numbers as $number)
{
$tickets = DB::connection('osdtbs')->table('ticket')
->where('ticket_id', '=', $number)
->update(['status_id' => '7']);
}
return redirect('/tickets');
}