Ndtyjky

I am trying to submit a request to google places and retrieve the lat and long. I am using the code

let term = $("#getaddy").val();



$.ajax({

    url: "https://maps.googleapis.com/maps/api/geocode/json?address="+encodeURIComponent(term) +"&key=GOOGLEKEY",

    type: 'get',

    success: function(data) {

        if (data.status === 'OK') {

            // Get the lat/lng from the response

            let lat = data.results[0].geometry.location.lat;

            let lng = data.results[0].geometry.location.lng;

            console.log(lat);



        }

    },

    error: function(msg) {

        console.log("not sure what to ask for here to check issue");

    }

});

The confusing thing is I will get back XHR failed loading or XHR finished(it seems random). As much as I try changing things I can't see why it works or fails. Everytime I enter the url directly into the browser it returns the data correctly, even when it says its failed.

Does anyone know what is causing the failures, or what I should put in the console.log to help determine the issue?

Thanks