504 GATEWAY_TIMEOUT in ajax call

Question

I have ajax call where I process large data and then reload the page in ajax success. Ajax call is

        $.ajax({
            type:'POST',
            cache:false,
            async:false,
            url: 'URL',
            data: "",
            timeout:0,
            beforeSend:function(msgg){   
                $('#loading').show();
            },
            success: function(data){
                if(data == "success")
                {
                    setTimeout(function(){
                        $('#loading').hide();
                        window.location.reload();
                    },5000);
                }
            }
        });

but it gets 504 GATEWAY_TIMEOUT and ajax call never comes in success. I need manual refresh.

Answer 1

504 GATEWAY_TIMEOUT errors normally occur when your API Gateway URL is not responsive. It could be some kind of internal Gateway error.

Here are some steps to troubleshoot:

• Use a proxy like Postman to make the same exact request and see what the response is
• Make sure your path is correct
• If there are other requests that you make to the same gateway URL, maybe a GET request, try making those calls manually or using your code, to make sure the gateway is working fine
• If you have access to the Gateway, restart it (this is possible if you have Microservices architecture, and Dockerisation etc)