select2下拉框插件的使用，ajax请求

导入样式以及js。（jeesite已经在head.jsp中导入，不用自己导）

<link href="/jquery-select2/3.4/select2.min.css" rel="stylesheet" />
<script src="/jquery-select2/3.4/select2.min.js" type="text/javascript"></script>

javaScript：

function skillInfoList() {
         $.ajax({
            url:'${ctx}/skillInfo/skillInfoList',
            type:'GET',
            data:{

            },
            dataType:'json',
            success:function (data) {
               if(data !=undefined && data !=null && (data.ret == 0 ||data.ret =="0")){
                  $(".skillInfo").select2({         // $(".").select2({ }) 语句将div渲染成下拉框 。
//                            data: data.obj, //根据ajax获得的数据
                     data:[{"id":"1","text":"技能1"},{"id":"2","text":"技能2"}],//已知下拉选项是什么，直接写死。
                     placeholder:'请选择',
                     allowClear:true
                  })
               } else{
                  alert(data.message);
               }
            }
         })
      }

注：接口与前端交互的json格式：

1. {
2. "ret":"0", 0：成功 1 失败
3. "message":"success", 提示信息
4. "obj":[{"id":"1","text":"技能1"},{"id":"2","text":"技能2"}] 业务数据
5.  
6. }

 

html：

<div class="control-group">
   <label class="control-label">技能职称：</label>
   <div class="controls">
         <div class="skillInfo" id="skillInfo"></div>
   </div>
</div>

下拉框效果：