Remove unnecessary ajax reqeusts

[abunashir]

In the hotel search page when the user starts to type a destination name then the application is sending ajax request on every keyup. Which is not the efficient way as the user is not done with typing and the app keeps sending requests on every key pressed.

This can be optimized by using debounce, it will wait a certain time, and group all subsequent requests into one. In our scenario, when the user is typing the destination name and stopped for a certain time(300-500ms) only then it will send an ajax request. This will remove unnecessary API request and provide a better user experiences.

References:

• Underscore - http://underscorejs.org/#debounce
• Minified version - https://davidwalsh.name/function-debounce
• Details - Use with API and debounce devbridge/jQuery-Autocomplete#475

[nhaberl]

would be great if you could deliver a ready to use sample :-)