如何使用ajax从输入中获取值数组？答案

【问题标题】：How to get array of values from input using ajax?如何使用ajax从输入中获取值数组？
【发布时间】：2016-04-23 15:05:44
【问题描述】：

您好，我有一个带有复选框的视图，该复选框的目的是根据品牌过滤产品

我的看法：

 <li>
    <label for="{{$brand->name}}" class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect">
       <input type="checkbox" name="{{$brand->name}}" id="{{$brand->name}}" class="mdl-checkbox__input"  data-value="{{$brand->id}}">
       <span class="mdl-checkbox__label">{{$brand->name}}</span>
    </label>
</li>

当用户点击复选框时，就会进行 ajax 调用

ajax 代码如下：

  $('.filter-data input').on('click',function(){
    var dataValue = $(this).data('value');
    // alert(dataValue);
    $.ajax({
      url: '/brands',
       headers: {
         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      type: 'post',
      data: {'dataValue': dataValue},
      success: function(data, status) {

         console.log(data.status);
        if(data.status == "ok") {
            // $('..promo-code').append('<span>'+data+'</span>')
        }
      },
      error: function(xhr, desc, err) {
        console.log(xhr);
        console.log("Details: " + desc + "\nError:" + err);
      }
    }); // end ajax
});

所以它在 laravel 中向我的控制器方法发出一个 post 请求

public function listProductsByBrand(Request $request)
{   
    $data = $request->all();
    echo "<pre>";
    print_r($data);
    die;
}

我想要实现的是，当用户从复选框中选中相应品牌时，我得到一个brand_id数组。

【问题讨论】：

标签： php jquery html ajax laravel-5

【解决方案1】：

首先更新您的视图，例如：

<li>
 <label for="{{$brand->name}}" class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect">
   <input type="checkbox" name="brand_name[]" id="{{$brand->name}}" class="mdl-checkbox__input"  data-value="{{$brand->id}}" value="{{$brand->id}}">
        <span class="mdl-checkbox__label">{{$brand->name}}</span>
                                            </label>
                                        </li>

然后将这些行放入您的 ajax 代码中

var values = new Array();
$.each($("input[name='brand_name[]']:checked"), function() {
  values.push($(this).val());
  });

检查 values 变量中的值

【讨论】：