栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

jQuery UI使用JSON自动完成

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jQuery UI使用JSON自动完成

您需要将要返回的对象转换为jQueryUI期望的格式的数组。

您可以

$.map
用来将
dealers
对象转换为该数组。

$('#dealerName').autocomplete({    source: function (request, response) {        $.getJSON("/example/location/example.json?term=" + request.term, function (data) { response($.map(data.dealers, function (value, key) {     return {         label: value,         value: key     }; }));        });    },    minLength: 2,    delay: 100});

请注意,当您选择一个项目时,“键”将放置在文本框中。您可以通过调整回调函数返回的

label
value
属性来更改此设置
$.map

另外,如果您有权访问生成JSON的服务器端代码,则可以更改返回数据的方式。只要数据:

  • 是具有
    label
    属性,
    value
    属性或两者兼有的对象的数组,或者
  • 是一个简单的字符串数组

换句话说,如果可以这样格式化数据:

[{ value: "1463", label: "dealer 5"}, { value: "269", label: "dealer 6" }]

或这个:

["dealer 5", "dealer 6"]

然后,您的Javascript变得更加简单:

$('#dealerName').autocomplete({    source: "/example/location/example.json"});


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/569082.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号