如何使用 laravel 中的 ajax 发送 foreach 循环形式的值？

Question

我正在尝试将值从表单发送到控制器，但错误是所有表单都将值作为第一个表单发送，但我希望每个表单在我按下发送按钮时发送其中的数据。

Blade

@foreach($car_lists as $car_list)
<li class="item odd cars_data">
    <form style="display:flex;" id="addcurrency">
        <input type="hidden" name="amount" value="{{@session('amount')}} {{$car_list->price}}">
        <span class="result"> {{$car_list->price}}</span>
        <span class="d-flex align-items-center justify-content-center w-24px h-22px 
            bg-gray-300 rounded cursor-pointer undefined result_symb addCurrency">
            <svg xmlns="http://www.w3.org/2000/svg" width="10px" height="11px" viewBox="0 0 10 11">
                <path id="GEL" d="M313.914-18v-1.689h-3.663a2.938,2.938,0,0,1-1.643-.46,3,3,0,0,1-1.089-1.3,4.608,4.608,0,0,1-.384-1.94,5,5,0,0,1,.343-1.987,2.543,2.543,0,0,1,1.112-1.225v3.372h.894v-3.64a2.492,2.492,0,0,1,.48-.044,2.936,2.936,0,0,1,.5.044v3.64h.894V-26.6a2.469,2.469,0,0,1,1.134,1.24,5.547,5.547,0,0,1,.343,2.132H315a6.022,6.022,0,0,0-.439-2.324,4.874,4.874,0,0,0-1.263-1.8,4.534,4.534,0,0,0-1.939-1.019V-29h-.894v.472l-.236-.007q-.081-.007-.236-.007-.347,0-.51.015V-29h-.894v.631a4.67,4.67,0,0,0-1.891.982,4.823,4.823,0,0,0-1.256,1.671A4.872,4.872,0,0,0,305-23.67a5.7,5.7,0,0,0,.229,1.61,4.62,4.62,0,0,0,.672,1.4,3.294,3.294,0,0,0,1.056.968v.058h-1.411V-18Z" 
                      transform="translate(-305 29)" fill="#272a37">
                </path>
            </svg>
        </span>
        <button type="submit">submit</button>
    </form>
</li>
@endforeach

那么如何解决这个问题，我会使用 ajax 从每个表单发送到我的控制器？

Ajax

$('#addcurrency').on('submit', function (e) {
    e.preventDefault();
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    var currency = $(this);
    var currency_id = $(currency).closest('.cars_data').find('.car_id').val();
    var data = $(currency).closest('.cars_data').find('#addcurrency').serializeArray();
    
    $.ajax({
        type: "POST",
        url: "/convert",
        data: data,
        dataType: "json",
        success: function (response) {
            $(currency).closest('.cars_data').find('.result').html(response.count);
        }
    });
});

控制器

use AmrShawky\LaravelCurrency\Facade\Currency;
use App\Models\Car;
use Illuminate\Http\Request;

class CurrencyController extends Controller
{
    public function convert(Request $request)
    {
        $converted = Currency::convert()
            ->from('GEL')
            ->to('USD')
            ->amount($request->amount)
            ->round(-2)
            ->get();

        return response()->json(['count' => $converted]);
    }
}

Answer 1

id 必须是唯一的，否则只有第一个 id 有效。你可以尝试 class 而不是 id:

...
<form class='addcurrency'>
...
$('.addcurrency').on('submit'....

如何使用 laravel 中的 ajax 发送 foreach 循环形式的值？

how to send a value of foreach loop form using ajax in laravel?

html

javascript

php

eloquent

laravel-8