easyUI--combobox请求数据库方式介绍

1 <body>
2      <div class="easyui-layout" data-options="fit:true">
3           <input class="easyui-combobox" id="iCombobox" name="iCombobox" style="width: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', 
  }) 
  }

 

 

posted @ 2018-08-02 23:50  Archer_w  阅读(646)  评论(0编辑  收藏  举报