You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: articles/search/search-autocomplete-tutorial.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -18,8 +18,8 @@ Search-as-you-type is a common technique for improving the productivity of user-
18
18
To implement these experiences in Azure Cognitive Search, you will need:
19
19
20
20
+ A *suggester* on the back end.
21
-
+ A query that includes the Autocomplete or Suggestions API on the request.
22
-
+ A *UI control*that handles auto-completed text inputs and outputs in your client app. We recommend using an existing JavaScript library for this purpose.
21
+
+ A *query* specifying Autocomplete or Suggestions API on the request.
22
+
+ A *UI control*to handle search-as-you-type interactions in your client app. We recommend using an existing JavaScript library for this purpose.
23
23
24
24
In Azure Cognitive Search, autocompleted queries and suggested results are retrieved from the search index, from selected fields that you have registered with a suggester. A suggester is part of the index, and it specifies which fields will provide content that either completes a query, suggests a result, or does both. When the index is created and loaded, a suggester data structure is created internally to store prefixes used for matching on partial queries. For suggestions, choosing suitable fields that are unique, or at least not repetitive, is essential to the experience. For more information, see [Create a suggester](index-add-suggesters.md).
25
25
@@ -74,7 +74,7 @@ Auto-filling a query term or dropping down a list of matching links requires use
74
74
75
75
Although you could write this code natively, it's much easier to use functions from existing JavaScript library. This article demonstrates two, one for suggestions and another for autocomplete.
76
76
77
-
+[Autocomplete widget (jQuery UI)]((https://jqueryui.com/autocomplete/)) is used in the Suggestion example. You can create a search box, and then reference it in a JavaScript function that uses the Autocomplete widget. Properties on the widget set the source (an autocomplete or suggestions function), minimum length of input characters before action is taken, and positioning.
77
+
+[Autocomplete widget (jQuery UI)](https://jqueryui.com/autocomplete/) is used in the Suggestion example. You can create a search box, and then reference it in a JavaScript function that uses the Autocomplete widget. Properties on the widget set the source (an autocomplete or suggestions function), minimum length of input characters before action is taken, and positioning.
78
78
79
79
+[XDSoft Autocomplete plug-in](https://xdsoft.net/jqplugins/autocomplete/) is used the Autocomplete example.
80
80
@@ -239,7 +239,7 @@ The Autocomplete function takes the search term input. The method creates an [Au
239
239
240
240
## Next steps
241
241
242
-
Follow these links for end-to-end instructions or code demonstrating both search-as-you-type experiences.
242
+
Follow these links for end-to-end instructions or code demonstrating both search-as-you-type experiences. Both code examples include hybrid implementations of suggestions and autocomplete together.
243
243
244
244
+[Tutorial: Create your first app in C# (lesson 3)](tutorial-csharp-type-ahead-and-suggestions.md)
0 commit comments