How to stop the request that was pending in browser?

Question

Hi i am having a text box and i am calling the searchfilter service(Factory-angular) which returns the collection based on the text entered in it. It is triggered after 3 characters entered. And i am having a button which is going to call a webapi with items entered in the text box as paramter. The problem is controller of the webapi is not hitting untill the pending request is completed in the browser( filter service is taking time to complete). So i need idea how to stop the pending request on the browser on button click so webapi method will be called without any delay. Any suggestions comments are welcome! Thanks in advance!

Prathaban Durai · Answer

@Resources.ShoppingCart_ShoppingCartItem_Item_SkuCode placeholder=@Resources.ShoppingCart_ShoppingCartItem_Item_SkuCode id=quick-add-item-skucode name=itemSkuCode class=form-control ng-model=QuickAddSKU typeahead=item.SkuCode for item in getItemSearchHint($viewValue) typeahead-min-length=3 typeahead-template-url=customTemplate.html submitted=submitted is-dirty=quickAddForm.itemSkuCode.$dirty is-valid=quickAddForm.itemSkuCode.$invalid form-validation autocomplete=off ng-required=true /> @Resources.ShoppingCart_AddToCart Why AddItem method which calls the API waits untill all the server request is completed.? As of now i have reduced the server hits by using ng-model-options.

Gagandeep Singh · Answer

Hi I believe you are using $http service for this. In JS API calls are asynchronous so one call to the backend should not delay other. Can you share some code. Thanks