1 <body> 2 <div class="easyui-layout" data-options="fit:true"> 3 <input class="easyui-combobox" id="iCombobox" name="iCombobox" style="150px" data-options="required:true" /> 4 </div> 5 </body>
1、调用$.get()获取数据
$(document).ready(function(){ queryXzqh(); }) function queryXzqh(){ $.get("${base}/combobox/queryXzqh.action",function(data){//后台请求 var options=$("#iCombobox").combobox('options'); options.textField="NAME"; options.valueField="CODE"; //加载数据 $("#iCombobox").combobox("loadData",data.data); ,"json"); }
2、调用$.getJSON()获取数据
$(document).ready(function(){ queryXzqh(); }) var url = "${base}/combobox/queryXzqh.action"; function queryXzqh(){ $.getJSON(url, function(json) { $('#admiDivisionCode').combobox({ data : json.data,//获取要显示的json数据 valueField: 'CODE', textField: 'NAME', }); }); } }
3、调用$.ajax({}）获取数据
$(document).ready(function(){ queryXzqh(); }) function queryXzqh(){ $.ajax({ type: "POST", url: "${base}/combobox/queryXzqh.action", data: '', //contentType: "application/json; charset=utf-8",//去掉这个就可以实现了,为什么呢？？？ dataType: "json", success: function(response){//调用成功 var options=$("#admiDivisionCode").combobox('options'); options.textField="NAME";//必须要和数据库查询的字段一样(大小写敏感) options.valueField="CODE"; //加载数据 $("#admiDivisionCode").combobox("loadData",response.data); }, });
4、调用$("#admiDivisionCode").combobox({})获取数据
$(document).ready(function(){ queryXzqh(); }) function queryXzqh(){ $("#admiDivisionCode").combobox({ url:"${base}/combobox/queryXzqh.action",//获取数据 // 向服务器请求的模式 method : "post", valueField: 'CODE', textField: 'NAME', }) }