Auto Complete with AJAX

[Jignesh Vachhani, modificado 8 Anos atrás.]

Hi Everyone,

After so long time visiting Liferay forum.
Actually i need some code where we are using AUI suto complete plugin along with AJAX call.
Actually my requirement is,

When user type in any characters in text field at the same time it should make ajax call and whatever have been get the result from that it should quickly visible in auto complete dropdown.

I am using below code but seems its not working as expected :

AUI().use('autocomplete-list','aui-base','aui-io-request','autocomplete-filters','autocomplete-highlighters',function (A) {
var testData;
new A.AutoCompleteList({
allowBrowserAutocomplete: 'true',
activateFirstItem: 'true',
inputNode: '#<portlet:namespace />myInputNode',
resultTextLocator:'email',
render: 'true',
resultHighlighter: 'phraseMatch',
resultFilters:['phraseMatch'],
source:function(){
			var inputValue=A.one("#<portlet:namespace />myInputNode").get('value');
			var myAjaxRequest=A.io.request('&lt;%=getUsers.toString()%&gt;',{
	  						    dataType: 'json',
	  							method:'POST',
	  							data:{
	  							<portlet:namespace />userEmail:inputValue,
	  							},
	  							autoLoad:false,
	  							sync:false,
	  						    on: {
	   			 				 success:function(){
	   			 					var data=this.get('responseData');
	   			 					testData=data;
	   			 				}}
							});
							myAjaxRequest.start();
							return testData;},
							});
});

your inputs really appreciated.

[Liferay Dev, modificado 8 Anos atrás.]

Just follow this URL LIferaySavvy AutoComplete AJAX

[Jignesh Vachhani, modificado 8 Anos atrás.]

Yes i am using the same way which is mentioned here. Something is wrong there which leads to give result lagging behind one call.

[Jignesh Vachhani, modificado 8 Anos atrás.]

Friends,

Here is the detail how you can use auto complete script : http://www.liferaysolution.com/2015/07/autocomplete-ajax-alloyui.html