Javascript XHR加载失败：有时获取工作，我可以'；我不明白为什么

我正试图提交一个请求到谷歌的地方，检索lat和long。我正在使用代码

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");
    }
});

令人困惑的是，我将返回XHR加载失败或XHR完成（似乎是随机的）。尽管我试图改变一些事情，但我不明白为什么它会起作用或失败。每次我直接在浏览器中输入url时，它都会正确返回数据，即使它说它失败了

有人知道是什么导致了故障，或者我应该在console.log中输入什么来帮助确定问题吗

---

谢谢

我也面临同样的问题。我随机选择XHR加载失败或XHR完成。问题在于触发该功能的按钮的定义。我在没有type=“button”的情况下定义了html按钮，这是在得到响应之前刷新页面。我将类型添加到定义中，它停止刷新页面，我的问题得到了解决

<button type="button"></button>

---

这就是我的解决方案。我希望它也能为您工作。

嘿，这也为我做了，我有一个类型设置为“提交”的按钮，将其更改为按钮类型，XHR请求就像一个符咒一样工作。非常感谢。