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

最新推荐文章于 2021-08-05 19:54:22 发布

weixin_30416497

最新推荐文章于 2021-08-05 19:54:22 发布

阅读量548

点赞数

文章标签： javascript 数据库 json ViewUI

原文链接：http://www.cnblogs.com/archer-wen/p/9410929.html

版权

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', 
  }) 
  }

转载于:https://www.cnblogs.com/archer-wen/p/9410929.html

weixin_30416497

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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="requ...
复制链接

扫一扫