How to check if two ajax requests succeed?

Question

I have two ajax requests to check if two images are available. The ajax calls are as follows:

                if (result['img_one'] !== '') {
                var src_one = "blah-blah-one.jpg";
                $.ajax({url: src_one,
                    success: function(data, textStatus) {
                        $("#profile-box").show();
                        $("#profile-img").attr("src", src_one);
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        $('#profile-box').hide();
                    }
                });
            }
           if (result['img_two'] !== '') {
                var src_two = "blah-blah-two.jpg";
                $.ajax({url: src_two,
                    success: function(data, textStatus) {
                        $("#profile-box").show();
                        $("#profile-pic").attr("src", src_two);
                    },
                    error: function(jqXHR, textStatus, errorThrown) {
                        $('#profile-box').hide();
                    }
                });
            }

Now, I want to check if both the above requests succeed or not. If both of the requests return successfully and hence both images are available, I want to hide a div in my page.

How can I check that? I tried to set two variables when the requests succeeded, to check their values through an if-block and hide the div. however, they were not accessible outside the if-block. Any help will be much appreciated.

score -1 · Answer 1 · answered Apr 30 '20 at 19:38

-1

Try nested ajax call. Define the second ajax call in the success function of the first ajax call. And then define ur final message in the success of second ajax call

answered Apr 30 '20 at 19:38

Rithik Banerjee

447
4
16

1

That would mean you have to wait for the first call to finish before you can start with the second one while you potentially could start and wait for both asynchronously. That would be a suboptimal approach. – Ivar Apr 30 '20 at 19:41
Have u heard of request promise? – Rithik Banerjee Apr 30 '20 at 19:44
No. Not much actually. – H. M.. Apr 30 '20 at 19:49
The similar post didn't help me. Never Mind... Good Community. What they can do is just to close the posts.... – H. M.. May 01 '20 at 20:16

How to check if two ajax requests succeed?

1 Answers1