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

Question

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

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

Answer 1

您可以尝试Google Places Autocomplete API。这是一些相关的SO 线程。我找不到 Google SearchAutocomplete API 的任何官方文档，谢天谢地，有人已经为我们做了研究。按照那里的说明进行设置，设置起来应该不会太难（看起来很直接，有两个JSON和XML注释的响应）。

Answer 2

我相信你会找到很多方法来实现 TextArea 上的自动完成。仅举几例

• http://jqueryui.com/autocomplete/
• http://textextjs.com/

框架和功能都足够丰富。

即将使用字典 API

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

Altervista 的 API 页面

• http://thesaurus.altervista.org/testjs

很少有人是

• http://words.bighugelabs.com/api.php
• http://developer.dictionary.com/products
• https://webster.cs.washington.edu/cse154/labs/ajax/urban.php?term=india
• http://www.wordreference.com/docs/api.aspx

Answer 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 );
    }
  });
});

Answer 4

将 jQuery 与您的字典功能一起使用.... http://jqueryui.com/autocomplete/

你可以在这里下载

http://jquery.com/download/