使用Select2加载远程数据

Question

尝试通过Select2加载远程数据，但似乎没有任何东西被触发。这里的想法是，当用户从品牌下拉列表中选择一个品牌时（brand_id），我们想要获取该品牌的所有产品并使用产品下拉列表（product_id）。

$('#brand_id').on("select2:select", function(e) {
  console.log('fetching products...');
  $('#product_id').select2({
    ajax: {
      type:     "GET",
      url:      "http://localhost:4000/api/v1/products",
      dataType: "json",
      data: {
        brand_id: $('#brand_id').val()
      },
      processResults: function(data) {
        return {
          results: data
        };
      },
      cache: true
    },
  });
});

所以，当我改变品牌选择时，＆＃34;提取产品＆＃34;日志被触发，但Ajax调用实际上从未达到我指定的url。谁知道我在这里做错了什么？