如何使用字典中的自动建议设置文本区域答案

【问题标题】：How to setup a textarea with auto suggest from Dictionary如何使用字典中的自动建议设置文本区域
【发布时间】：2013-01-12 14:13:08
【问题描述】：

这个问题有点宽泛，我做了足够的研究并在这里提问，以便我至少可以获得一些建议。

我正在尝试设置自动完成文本框/文本区域字典建议。我试图从JSON data from server 设置自动完成，我能够做到这一点。但我的问题是，我可以设置一个文本区域，从字典单词自动建议，就像我们在文字处理器中输入一些文本一样。是否可以通过任何可用的 API？

【问题讨论】：

标签： javascript

【解决方案1】：

在你的字典函数中使用 jQuery.... http://jqueryui.com/autocomplete/

你可以从这里下载

http://jquery.com/download/

【讨论】：

【解决方案2】：

我相信您会找到许多在 TextArea 上实现自动完成的方法。举几个例子

无论是框架还是功能都足够丰富。

即将推出字典 API

http://www.google.com/dictionary/json?callback=dict_api.callbacks.id100&q=Sweet&sl=en&tl=en google 未记录的 API，返回 JSONP

altervista 的 API 页面

http://thesaurus.altervista.org/testjs

其他人很少

【讨论】：

【解决方案3】：

好吧，如果您确实可以访问来自某个服务器的 JSON 响应，则可以使用 jQuery。 http://jqueryui.com/autocomplete/

$(function() {
  function log( message ) {
    $( "<div>" ).text( message ).prependTo( "#log" );
    $( "#log" ).scrollTop( 0 );
  }

  $( "#birds" ).autocomplete({
    source: "search.php",
    minLength: 2,
    select: function( event, ui ) {
      log( ui.item ?
        "Selected: " + ui.item.value + " aka " + ui.item.id :
        "Nothing selected, input was " + this.value );
    }
  });
});

【讨论】：

我的服务器端没有任何 JSON 对象。我正在寻找类似 wordnik.com 的 API
你不能在你的服务器中使用wordnik api吗？确保你有一个 url 来执行 AJAX 调用（你可以在你的服务器中使用developer.wordnik.com），然后在我的回答中使用 jQuery 调用。

【解决方案4】：

你可以试试Google Places Autocomplete API。这是一些相关的SO thread。我找不到 Google Search Autocomplete API 的任何官方文档，幸好已经有人 did the research for us。按照那里的说明进行操作，设置起来应该不会太难（JSON 和 XML 注明的回复看起来相当简单）。

【讨论】：

对于 7 年后来到这里的其他人，“为我们进行研究”链接现在在这里：shreyaschand.com/blog/2013/01/03/google-autocomplete-api