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!