开发者问题收集

将 JS 变量(数组)传递给 Laravel 控制器

2021-11-19
1324

我有一个使用 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 的函数,但我想更新其中的一组,而不是一个接一个

2个回答

首先,您在获取请求中使用 POST 方法,而您的路由使用 PUT 动词。 因此,您必须将获取中指定的方法更改为 PUT

您的控制器存在一些问题:

  1. 您的 id 数组位于请求主体中,而不是 URL 的参数,因此您需要调整控制器操作以使用请求。

  2. 您想使用带有 id 列表的路由来避免对数据库进行 1000 次查询,但您这样做正是因为您使用的是 foreach 并且它没有经过优化。您可以改用 whereIn()

  3. 知道您正在使用 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;
    ]);
}
Jedupont
2021-11-19

谢谢大家。我找到了让它在没有 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');

}
Natalia
2021-11-19