下拉框逐步加载数据

$(function () {
    $("#select").select2({
        placeholder: "请输入案件编号 ", //文本框的提示信息
        width: '205px', //文本框宽度
        minimumInputLength: 0, //至少输入n个字符,才去加载数据
        allowClear: true, //是否允许用户清除文本信息
        ajax: {
            url: 'URL', //地址
            dataType: 'text', //接收的数据类型
            data: function (term, pageNo) {        //在查询时向服务器端传输的数据
                term = $.trim(term);
                return {
                    Data: escape(term),     //联动查询的字符
                    pageSize: 10, //一次性加载的数据条数
                    pageNo: pageNo //页码
                }
            },
            results: function (data, pageNo) {
                if (data.length > 0) {    //如果没有查询到数据,将会返回空串
                    var dataObj = eval("(" + data + ")"); //将接收到的JSON格式的字符串转换成JSON数据
                    var more = (pageNo * 10) < dataObj.total; //用来判断是否还有更多数据可以加载
                    return {
                        results: dataObj.result, more: more
                    };
                } else {
                    return { results: data };
                }
            }
        },
        formatSearching: "查询中..."
    })
})

 

实现效果:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值