使用 ajax in laravel 发送 foreach 循环形式的值

Question

我正在尝试将值从表单发送到控制器但是我遇到的错误是所有表单都将值作为第一个表单 ID 发送我希望每个表单在我按下发送按钮时发送其中的数据，但是什么碰巧的是，每个人都根据表格的第一个ID发送其内容；

blade代码

@forelse($matches as $match)
    <form class="ajaxform">
        @csrf
        <div class="wrapper-new1">
            <input type="text" class="form-control" name="record_one" id="validationCustom18" value="{{$match->record_one}}"  required> 
            <input type="text" class="form-control" name="record_two" id="validationCustom18" value="{{$match->record_two}}"  required> 
            <input type="hidden" class="form-control" name="id" value="{{$match->id}}" id="validationCustom18" >
        </div>
        <button type="submit" style="margin-top: 4px;" class="btns">تغيير نتيجة المباراة </button>
    </form>
    @empty 
    <div class="alert alert-danger"> لا يوجد مباريات لعرضها الان </div>   
@endforelse

ajax代码

$('.btns').on("click", function(event){
    event.preventDefault();
  
    let record_one = $("input[name=record_one]").val();
    let record_two = $("input[name=record_two]").val();
    let id = $("input[name=id]").val();
    let _token   = $('meta[name="csrf-token"]').attr('content');
  
    $.ajax({
        url: "/admin/team/matchesList/"+id+"",
        type:"POST",
        data:{
            record_one:record_one,
            record_two:record_two,
            id :id,
            _token: _token
        },
        success:function(response){
            console.log(response);
            if(response) {
                $('.success').text(response.success);
                $(".ajaxform")[0].reset();
            }
        },
    });
});

Answer 1

$('.btns').on("click", function(event){
        event.preventDefault();
        let form = $(this).closest('.ajaxform');
        let record_one = form.find("input[name=record_one]").val();
        let record_two = form.find("input[name=record_two]").val();
        let id = form.find("input[name=id]").val();
        let _token   = $('meta[name="csrf-token"]').attr('content');
  
        $.ajax({
          url: "/admin/team/matchesList/"+id+"",
          type:"POST",
          data:{
            record_one:record_one,
            record_two:record_two,
            id :id,
            _token: _token
          },
          formElement:form,
          success:function(response){
            console.log(response);
            if(response) {
              $('.success').text(response.success);
              this.formElement[0].reset();
            }
          },
         });
    });

使用 ajax in laravel 发送 foreach 循环形式的值

Send a value of foreach loop form using ajax in laravel

javascript

php

ajax

laravel

laravel-blade