從 select2 插件獲取數據到 ajax

Question

我有多個 select 字段和多個 select，使用 select2 最新插件實現。 我想將帶有 ajax 的選定數據發送到 Laravel controller。 我怎樣才能做到這一點？ 在瀏覽器網絡選項卡的預覽部分顯示“無屬性”。

我將這些代碼寫入提交按鈕，以從 select2 字段提交選定的服務。

$('#submit-service').click(function(e){
  e.preventDefault();
  var values = $('.service-select').select2().val();
    $.ajax({
        type:'POST',
        url: '/process_services',
        data: values,
        success: function(data) {
          console.log(data);
        }
    })
});

Laravel Controller,

class ServiceController extends Controller
 {
     public function storeServices(Request $request)
     {   
          $services = $request->all();
          return $services;
     }
 }

路線，

Route::post('/process_services', 'ServiceController@storeServices');

Answer 1

$("#submit-service").select2({
  e.preventDefault();
  var values = $('.service-select').select2().val();
   $.ajax({
        type:'GET',
        url: '/process_services',
        data: values,
        success: function(data) {
          console.log(data);
        }
    })
});

Answer 2

您必須更改您的 ajax 代碼。

$('#submit-service').click(function(e){
e.preventDefault();
$(".service-select").select2({
    ajax: {
        type:'POST',
        url: '/process_services',
        dataType: 'json',
        delay: 250,
        data: function (params) {
            return {
              values: params.term // search term
            };
        },
        processResults: function (response) {
            console.log(response);
            return {
               results: response
            };
        },
        cache: true
    }
});
});

使用數據中的 params.term 獲取輸入的值。 processResults function 的成功回調句柄，其中使用響應初始化結果。