【问题标题】:How to pass json data to ui autocomplete如何将json数据传递给ui自动完成
【发布时间】:2011-01-12 23:41:25
【问题描述】:

谁能帮我解决这个问题。我使用 jquery UI 自动完成插件。有没有办法像这样传递json数据

[{'username' : 'user1}, {'username' : 'user2}, {'username' : 'user3}]

【问题讨论】:

    标签: jquery


    【解决方案1】:

    您需要创建一个用户名数组。使用 jQuery,您可以执行以下操作:

    var jsonData = [{'username' : 'user1'}, {'username' : 'user2'}, {'username' : 'user3'}];
    var usernames = $.map(jsonData, function (obj) { return obj.username; });
    
    $("#myInput").autocomplete({source: usernames});
    

    【讨论】:

    • 变量 jsonData 有 json 数据 console.log(usernames) return [] - no data
    • @Matt: $.map 不返回 jQuery 对象,只是一个数组;无需致电.get()
    • @Peter:在控制台中运行我的代码的前两行是可行的;问题必须在您的代码中的其他地方,例如以您的 JSON 格式。它是一个字符串,也许?在这种情况下,请使用 JSON.parse 将其转换为实际的 JavaScript 对象。
    • 现在有效。我忘了用 $.parseJSON 解析传入的数据谢谢
    【解决方案2】:

    当然,插件的文档必须说明这一点,但是您的问题充其量是含糊的。你用的是哪个插件?它有什么服务方法可以放入数据吗?

    【讨论】:

    • 这属于评论,而不是答案。我知道您还没有足够的代表来评论这个问题。
    【解决方案3】:

    查看Documentation 中的source 选项。它可以是本地 JavaScript 数组。

    【讨论】:

    猜你喜欢
    • 2011-01-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-02-17
    • 2015-05-10
    • 2012-07-14
    • 1970-01-01
    • 2020-12-28
    相关资源
    最近更新 更多