Select2-Ajax获取数据
来源:互联网 发布:c 网络编程 好书 编辑:程序博客网 时间:2024/06/10 07:08
文章最初发表于szhshp的第三边境研究所
转载请注明
遇到一个需求: 在前端使用Select2设计一个联想输入dropdown, 通过Ajax动态抓取数据
如果用纯H5来实现极其简单, 这里需要用Select2插件来实现
可以也使用H5原生onChange来进行动态提交但是这太愚蠢了, 现成的Select有更好的API啊
花了俩小时完成了这个功能, 官方Doc说的很是模糊..
代码细节:
$('select').select2({ ajax: { url: "https://api.github.com/search/repositories", dataType: 'json', data: function (params) { var query = { //请求的参数, 关键字和搜索条件之类的 search: params.term //select搜索框里面的value } // Query paramters will be ?search=[term]&page=[page] return query; }, delay: 1500, processResults: function (data, params) { //返回的选项必须处理成以下格式 //var results = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text: 'wontfix' }]; return { results: results //必须赋值给results并且必须返回一个obj }; } }});
参考文献
http://select2.github.io/options.html
http://select2.github.io/examples.html#data-array
阅读全文
0 0
- Select2-Ajax获取数据
- Jquery select2 AJAX获取json数据后无法选中
- bootstrap select2插件用ajax来获取和显示数据
- select2简单使用(含ajax获取是数据)
- Select2在使用ajax获取远程数据时显示默认数据
- AJAX请求数据到select2中
- Select2加载远程数据
- select2 ajax 设置默认值,初始值
- select2不显示中文、ajax加载数据后不能选中的标签选项
- select2,利用ajax高效查询大数据列表(可搜索、可分页)
- ajax获取数据
- ajax异步获取数据
- ajax同步获取数据
- ajax获取json数据
- Ajax获取action数据
- 公司-->ajax获取数据
- Ajax获取Json数据
- ajax获取数据
- 接口和抽象类
- Oracle数据库的安装
- python数据类型检验-set()的使用和try的使用
- vim字符串替换命令
- 天气预报API
- Select2-Ajax获取数据
- 【linux 命令】查找
- NYOJ:11-奇偶数分离
- ES6入门(数组扩展,函数扩展,对象扩展,Symbol,数据结构)
- 用户的建立和删除
- Carthage 缺点
- 谈谈对多线程的看法——随着了解的加深而不断补充和修正
- 迪杰斯特拉算法_模板
- 592. Fraction Addition and Subtraction