Select2中AJAX的发送和接收参数

Question

如何在Select2中发送AJAX的参数并在PHP中接收？

我正在尝试发送参数如下。

     let element_id = event.target.id;
     let selectEle = cellEle.children("select").select2({
          ajax: {
            url: "/wp-admin/admin-ajax.php",
            dataType: 'json',
            data: function (element_id) {
                 return { 
                    q: element_id,
                    action: 'get_data'
                 };
             },
            type: "post",
            processResults: function(data) {                             
              console.log(data);
            }
          }
        });

我正在尝试接收如下参数。

function get_data()
{
    echo json_encode($_POST['q']);
    die;
}

我得到了结果null。

Answer 1

名称element_id 用于在第一行声明的变量let element_id = event.target.id; 和数据函数使用的参数名称data: function (element_id) {。

当调用数据函数时，select2 会将 select2 的参数放在 element_id 范围内的函数中，因此它会将变量像 _type 设置为“查询”，将 term 设置为搜索词（如果已经进入）。这在https://select2.org/data-sources/ajax#request-parameters有更详细的描述。

我建议调整用于数据函数的参数名称。在下面的示例中，我已将其更新为 params 以匹配 select2 站点上的示例。然后可以使用第一行设置的element_id 变量来传递数据。

let element_id = event.target.id;
let selectEle = cellEle.children("select").select2({
  ajax: {
    url: "/wp-admin/admin-ajax.php",
    dataType: 'json',
    data: function (params) {
         return { 
            q: element_id,
            action: 'get_data'
         };
     },
    type: "post",
    processResults: function(data) {                             
      console.log(data);
    }
  }
});