代码之家  ›  专栏  ›  技术社区  ›  Tony the Pony

jQuery UI自动完成的JSON格式

  •  13
  • Tony the Pony  · 技术社区  · 14 年前

    文件 jQuery UI Autocomplete 声明 source 属性可以设置为以JSON格式返回建议项的URL。但是,它没有进一步详细说明这个JSON结果的结构应该是什么样的。有人能举个例子吗?谢谢!

    6 回复  |  直到 14 年前
        1
  •  5
  •   DavideDM    14 年前

    这是JSON格式

    {source: ["Milan", "Turin", "Venice", "Florence", "Rome"] }
    

    或其他来源

    {source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]}
    
        2
  •  14
  •   James    12 年前

    从我的评论中移动了答案:

    [{"label":"mylabel","value":"myvalue"},...] 
    

    我发现是这种格式。autocomplete正在查找jquery UI 1.8

        3
  •  2
  •   phonck    11 年前

    使用firebug我们可以看到json的这种格式

    [{"id":"Podiceps nigricollis","label":"Black-necked Grebe","value":"Black-necked Grebe"}]
    

    我用了json编码

    $a[$x] = array("id" => $row["id"],"label"=>$row["label"],"value"=>$row["value"]);
    }
    //echo JSON to page
        $response =  json_encode($a);
    echo $response;
    
        4
  •  1
  •   Michel    14 年前

    我调用一个Java Spring控制器,它只返回下面的信息(JSOn格式)。我用JSTL构建它。但我不知道你用什么样的后台。但在所有语言中,您都可以简单地输出一些JSON。

    例子:

    {"results":[{"id":" Canned","name":" Canned"}, {"id":64,"name":"Added Sulphites"},
    {"id":3,"name":"age"}, {"id":"age","name":"age"}, {"id":59,"name":"age group"},
     {"id":"Allergen","name":"Allergen"}, {"id":85,"name":"Anchovies"}]}
    

    我不喜欢自动完成。也许你在flexbox中找到了更好的解决方案: http://flexbox.codeplex.com/

        5
  •  1
  •   Teddy    14 年前
        6
  •  1
  •   Teddy    14 年前

    下面是一个真实的示例,但它使用了JSONP远程数据源: http://www.highpoint.edu/admissions/contact.cfm

    “高中”字段使用“自动完成”(请确保选择“新生”作为“入学类型”b/c,否则“高中”字段将被隐藏)。此外,更改国家/地区选择将稍微更改自动完成源,这可能会增加一些混乱。

    另外,那个URL只是一个iframe的包装器,它有真正的表单,我不能发布到b/c的链接新用户只能在一个评论中发布一个URL。