jqueryeasyui-combobox下拉ajax实现

最新推荐文章于 2021-08-06 19:39:50 发布

紫陌l纤尘

最新推荐文章于 2021-08-06 19:39:50 发布

阅读量7.1k

点赞数

分类专栏： JavaScript基础篇文章标签： ajax jqueryeasyuicombobox

本文链接：https://blog.csdn.net/u012877177/article/details/16859093

版权

本文记录了如何使用jQuery EasyUI的ComboBox组件，通过AJAX从后台获取JSON数据。在JavaScript部分，通过POST方法发送请求，接收数据后填充ComboBox。在JSP页面上，定义ComboBox元素，并在页面加载时调用loadData函数。Java后端部分展示了如何处理请求，执行SQL查询并返回JSON数据。

摘要由CSDN通过智能技术生成

这两天弄了个jqueryeasyui-combobox，这里小记一下我的前后台实现方式，：

js：

function loadData() {
   $.ajax({
    type : "POST",                                            // 使用post方法访问后台
    dataType : "json",                                        // 返回json格式的数据
    url: "platform/comboboxAction/getComboboxData",                                    // 要访问的后台地址
    data : {
           "classId": "8a58ab44419c341d01419c5595580027"
        },
    complete : function() {},
    success : function(result) {// result为返回的数据
     $('#ccdatabase').combobox({
      data : result,
      valueField:'TEMPLATE_CODE',
      textField:'TEMPLATE_NAME'
     });
    }

   });
  }