阿贾克斯等待太久

Question

I have no problem in localhost but when i uploaded into a server waiting become too slow.

image of speed

here is my Ajax code:

$('button[value="submit"]').click(function() {
        var dataSelect = $( "#select-store" ).val();

        $.ajax({
            type: "POST",
            data: {part: 'available-food', value: dataSelect},
            url: 'http://localhost/xxx/xxx/sss.php',
            beforeSend: function() {
                $('#delivery').fadeOut(300, function() {
                    $('#store').removeClass('col-md-6').addClass('col-md-12');
                });
            },
            success: function(response) {
                $('#show-foods').html(response);
                $('.food-hover').css('opacity', '0');
                $('.food').hover(function() {
                    $(this).find('.food-hover').animate({'opacity': '1'}, 200);
                }, function(){
                    $(this).find('.food-hover').animate({'opacity': '0'}, 100);
                });

                addToCart();
            }
        });
});

and add to cart:

function addToCart() {
        $('#add-to-cart').click(function(){
            var value = $(this).val();

            $('.shop').animate({left: 0}, 300, 'swing');
            $('.body-overlay').css('display', 'block');
            open = true;

            $.ajax({
                type: "POST",
                data: {part: 'add-to-cart', food_id: value, quantity: 1},
                url: 'http://localhost/xxx/xxx/zzz.php',
                beforeSend: function() {},
                complete: function() {},
                success: function(response) {
                    $('.shop #cart-list-items').html(response);
                    updateTotalCart();
                    updateTotalPrice();
                }
            });
        });
}

and updateTotalCart:

    function updateTotalCart () {
    $.ajax({
            type: "POST",
            data: {part: 'update-total-cart'},
            url: 'http://localhost/xxx/xxx/www.php',
            beforeSend: function() {},
            complete: function() {},
            success: function(response){
                $('.open-basket span').html(response);
            }
    });
}

and updateTotalPrice:

function updateTotalPrice () {
    $.ajax({
            type: "POST",
            data: {part: 'update-total-price'},
            url: 'http://localhost/xxx/xxx/aaa.php',
            beforeSend: function() {},
            complete: function() {},
            success: function(response){
                $('.basket footer #total-price').html(response);
            }
    });
}

what i have to do?

i have too many ajax.