Auto Complete with AJAX

[8年前 に Jignesh Vachhani によって更新されました。]

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.

[8年前 に Liferay Dev によって更新されました。]

Just follow this URL LIferaySavvy AutoComplete AJAX

[8年前 に Jignesh Vachhani によって更新されました。]

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

[8年前 に Jignesh Vachhani によって更新されました。]

Friends,

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