Auto Complete with AJAX

[Jignesh Vachhani, modifié il y a 8 années.]

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, modifié il y a 8 années.]

Just follow this URL LIferaySavvy AutoComplete AJAX

[Jignesh Vachhani, modifié il y a 8 années.]

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, modifié il y a 8 années.]

Friends,

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