【问题标题】:How to get id from modal to ajax request in laravel?如何在 laravel 中从模态到 ajax 请求获取 id?
【发布时间】:2020-08-14 06:29:15
【问题描述】:

当我发出警报时,我只得到第一个 id 而没有得到其余的 id


这是我的输入代码

@foreach (entrepreneurs as entrepreneur)
<form name="ent-from" id="ent-form">
    <input type="hidden" name="entrepreneur_id" id="entrepreneur_id" value="{{ $entrepreneur->id }}" readonly>
</form>
<button type="button" class="btn btn-custom" id="accept-btn">Accept</button>
@endforeach

阿贾克斯

$('#accept-btn').on('click', function() {
    var entrepreneur_id = $('#entrepreneur_id').val();
    alert(entrepreneur_id);
});

控制器

public function handleAdmin()
{
    $entrepreneurs = Entrepreneur::paginate(5);
    return view('handleAdmin', compact('entrepreneurs'));
}

【问题讨论】:

    标签: php ajax laravel


    【解决方案1】:

    您不能将 ID 分配给多个元素。你需要使用一个类。由于您提供了多个 ID,因此它只会跟踪第一次出现的点击事件。你需要按类来管理。

    @foreach (entrepreneurs as entrepreneur)
    <form name="ent-from" id="ent-form">
        <input type="hidden" name="entrepreneur_id" id="entrepreneur_id" value="{{ $entrepreneur->id }}" readonly>
    </form>
    <button type="button" class="btn btn-custom accept-btn" data-id="{{ $entrepreneur->id }}">Accept</button>
    @endforeach
    

    jquery

    $('.accept-btn').on('click', function() {
        var entrepreneur_id = $(this).data('id');
        alert(entrepreneur_id);
    });
    

    【讨论】:

      【解决方案2】:

      要提交一个项目列表(在这种情况下是企业家),它必须结束 用 [] 表示它是一个数组。这将允许您 提交时在服务器端获取所有这些iten。

      @foreach (entrepreneurs as entrepreneur)
      <form name="ent-from" id="ent-form">
          <input type="hidden" name="entrepreneur_id[]" class="entrepreneur" value="{{ $entrepreneur->id }}" readonly>
      </form>
      <button type="button" class="btn btn-custom" id="accept-btn">Accept</button>
      @endforeach
      

      通过提交更改您的点击事件:

      $(document).on('submit', '#ent-form', function() {
          $.ajax({ url: "/url", data: $(this).serialize() });
      });
      

      【讨论】:

        猜你喜欢
        • 2017-09-14
        • 1970-01-01
        • 1970-01-01
        • 2023-03-26
        • 2021-08-16
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多