Several Ajax Requests

Question

I just did a routine to rescue information from Google Maps using your API. But I needed to use CURL in PHP to make the request, because when I do it directly in AJAX in JS, accuses me the error of Allow Origins Access Control and I could never solve it.

So I went to CURL. But regardless of this happens that there are several requests. I’m taking the distance from one address to the other by the Google API.

And it’s multiple on-screen records and accurate the distance of each one in real time, since I pick up the current location of the user.

So there could be more than 10 requests.

Is there any better way to do that ?

To understand I will post the code:

$.each(allEnderecos, function(i, v){
    var enderecoLocal = $(v).val();
    $.ajax({
        url: urlBase + '/select-endereco-local',
        data: { ea: enderecoAtual, el: enderecoLocal },
        dataType: "json",
        type: "POST",
        success: function(data){
            $(v).closest('div.info-dealer').find('span.geoval').html(data);
        }
    });
});

Look at the each. It is an unknown number of addresses you may have on screen. It depends on the user query.

1 - This is dangerous ?

2 - Interferes with the performance of the site ?

I thought without taking the information all at once and returning everything at once. But in PHP there is a CURL for another LINK, so I think it’s the same.