How to stop the request that was pending in browser?

Prathaban Durai

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!

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Prathaban Durai10y ago
@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 Singh10y ago
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