javascript - 使用错误处理通过 xhr 加载 Google map v3

Question

我想在 jQuery 移动应用程序中使用 Google map V3，但很难确保已加载 Google map 。

我基本上想通过 xhr 加载 Google map ，以便我可以处理请求超时。将脚本标记添加到页面头部的常规方法有一个回调，但这假定文件已成功获取。

有没有办法通过 xhr 加载 map 库或处理失败的脚本标签加载？

Answer 1

您可以处理onerror 事件。

var script = document.createElement("script");
$(script).attr("type", "text/javascript");
script.onerror = function(event){ 
   //************
   //ERROR OCCURED
   //************
}
script.onload = function(event){
   //Script loaded
}
script.src = "http://maps.googleapis.com/maps/api/js?sensor=false";