javascript - Laravel ajax 请求不适用于 foreach 循环

Question

我已经在我的 Controller 中收集了一些数据。现在在我看来，我已经将它们显示在一个无序列表 (ul) 中作为链接。

<ul>
    <li><a>....</a></li>
</ul>

现在，当我尝试触发 ajax 请求时，只有最后的数据(即列出的项目中的最后一个链接)正在响应 ajax 请求。Ajax 脚本不在 foreach 循环内。我是否必须放置 ajax foreach 循环中的脚本。然后，对于每个数据都会有一个脚本。这不会产生问题吗？

<ul>
@foreach ($brands as $brand)
     <li class='n1'><a href="{{$brand->id}}"  id="{{$brand->brand}}">{{$brand->brand}}</a></li>
@endforeach
</ul>

我的 ajax 脚本:

<script>

$('#{{$brand->brand}}').on('click',function(e){
    e.preventDefault();

    $.ajaxSetup({
      headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
    });

   $.ajax({
      type:"POST",
      url:'/userproduct',
      data: { value: $('#{{$brand->brand}}').attr('href')},
      success:function(data) {
          console.log(data);
      }        
  });
});
</script>

在我的 Controller 中

public function userproduct(Request $request){
   $value=$request->input('value');
   return Response::JSON($value);
}

Answer 1

IMO，{{$brand->brand}} 作为“id”没有意义。你可以这样做，
id="product-{{$brand->brand}}"
因为你只是写 $('#{{$brand->brand}}').on('click',function(e){}); 这意味着，你只注册一个节点。

如何克服这个问题？

为这些链接应用特定的类。向该类注册点击事件。使用 HTML5 data-* api 获取链接等。就是这样。