多选字段将ajax数据作为字符串传递

Question

我的问题是数量值作为字符串而不是数组传递。 像["1,2"] ，但是我需要的是[1,2]

<div class="form-group col-md-4">
  <div class="form-group">
    <label for="title">Quantity:</label>
    <select name="quantity[]" id="quantity" class="form-control" multiple>
    </select>
  </div>

// get the quantity value:
if (res) {
  $("#quantity").empty();
  $.each(res, function(key, value) {
    $("#quantity").append('<option value="' + key + '">' + value + '</option>');
  });
} else {
  $("#quantity").empty();
}

// pass the quantity value:
var quantity = new Array(); //storing the selected values inside an array
$('#quantity :selected').each(function(i, selected) {
  quantity[i] = $(selected).val();
});

$.ajax({
  type: "POST",
  url: "{{route('localBook.store')}}?quantity[]=" + quantity,
  dataType: 'json',
  data: form_data,
  success: function(res) {}
});

Answer 1

我认为发生这种情况是因为您将数量数组作为 url 参数传递，而不是将其传递到 http 正文中（如 post 请求中所预期的那样）。 如果您想执行 POST 请求，这是多余的。

编辑您的请求，通过 ajax 请求中的数据字段传递数据，一切都会正常进行。 :)

$.ajax({
  type: "POST",
  url: "{{route('localBook.store')}}",
  dataType: 'json',
  data: {
    quantity: this.quantity
  },
  success: function(res) {}
});

干杯，

尼克拉斯