select2.jquery ajax,json 搜索结果无效我已经检查了 4 个小时但没有找到任何答案

select2.jquery ajax,json search result not working i already checked for 4 hours and i ddidn't find any answers

我有一个问题 我尝试添加 jquery 插件 select2 我 select2.min.js 我的 html

这是我的 html

我的js

$(文档).ready(函数(){

$.ajax({ url: '/creditdebit/credit/association', 类型:"GET", 成功:功能(数据,文本状态,jqXHR) {

        var xdata = $.map(data, function (obj) {
            obj.text = obj.text || obj.name;  
            return obj;
        });

        $(".association").select2({
            placeholder: "test",
            data:xdata,
             search: data.term,

        });

    },
    error: function (request, textStatus, errorThrown) {
        swal("Error ", request.responseJSON.message, "error");
        if(request.status == "401"){
            alert("Unauthorized Access ");
            return false;
        }
    }
});

});

观点: i cannot search the associations 我的搜索不起作用,而且很奇怪,它不是同一个地方。

<html>
<body>
  <div class="form-group rows">
  <div class="col-md-9">
<select  name="socNumber" id="mySelect" class="select2 form-control custom-select"  style="width: 100%; height:36px;>
<option value="" label="">
<c:forEach items="${associations}" var="assoc" >//from attribute in my controller
<option  value="${assoc.code}">${assoc.name}</option>
</c:forEach>
</select>
  </div>
</div>
<script type="text/javascript">
    $(function() {
 $("#mySelect").select2({
         dir: "rtl",
})    
  });

   </script>
</body>
</html>