Why ajax call is waiting for others to finish how to run a specific call with highest priority?

Question

Here is the issue:

Many ajax call going on , so i click a button to make a ticket which should be done instantly instead it stays there until all others before it are complete ! why is that?

How can i make it run with highest priority?

Image attached to understand it better:

Struggling with it for 2 days now so really need help on this one!

Answer 1

I would look at what is really needed. Do you really need 12 concurrent ajax calls per user/session? Your going to incur serious server issues processing that many requests. I see a lot of requests go to the same URI; does it make sense to wait until one of those requests are finished before processing the next? Is there a way to "bundle" your requests into one? or fewer? Chatty interfaces tend to lead to issues down the road.

You could keep a tally of how many concurrent requests you have going and never let it go above a threshold, queuing requests that do, unless one is "High priority".

But seriously rethink making that many requests at a time.

Update

Since you are making requests to multiple outside locations, based on one use action. Have the one user action make a single request to your web server. Then have your web server make the requests on behalf of the user, bundle the results all together and return them in one response to the user. This will also help you maintain your external connections, and your user has a unified experience with your website.

Update 2

If you combine your requests of the six into one you can have your webserver forward those requests on separate threads by making them async as explained here. The user will not see any results until all are completed, which may seem slow. But multiply that by 1000 concurrent users and it will be faster.