Question

我正在使用对外部API的跨域Ajax请求。它经常失败，并带有控制台消息：

Uncaught TypeError: Property 'photos' of object [object DOMWindow] is not a function

查看返回的JSON，它是有效的JSON，因此它不是外部API的错误。

我无法可靠地重现错误：似乎触发错误的唯一因素是我快速反复调用请求。

在这种情况下，当用户移动Google地图时（我向地图添加标记），我会调用Ajax请求，如果用户移动得太快，就会发生这种情况。

以下是我的代码的相关部分：

// Code located inside an external JS file referenced inside the head
// Not wrapped inside document.ready - but all the code setting up 
// the map (calling a function which calls a function which adds the 
// tilesloaded listener) *is* inside document.ready
function addMarkers() {
    var pm_url = "http://www.cyclestreets.net/api/photos.json?key=" + MY_KEY;
    $.ajax({
       url: pm_url,
       crossDomain: true, 
       contentType: "application/json",
       dataType: 'jsonp',
       data: pmdata,
       jsonpCallback: 'photos',
       success: function(data) {
        // TBA
       },
       error: function() {
           alert("Sorry, error retrieving photos!");
       }
   });
}
 google.maps.event.addListener(map, 'tilesloaded', function() {
 addMarkers(map);
 });

稍微使用Google搜索，当jQuery尚未加载时，通常会出现错误Uncaught TypeError: Property 'photos' of object [object DOMWindow] is not a function。

但是，我没有看到这是相关的，因为函数是从map的tilesloaded事件中调用的 - 它通常不会在第一次触发时，它会在五或六个快速地图调整大小后触发。所以，如果它工作一次，页面肯定不会'忘记'jQuery？

感谢您的建议。

Answer 1

如果要指定jQuery从success处理程序创建的函数的名称，但实际上没有定义要使用的单独函数，{ {3}}。目前它在URL中使用photos，这意味着当JSONP响应返回时它正在调用photos({ ...data... })，而这不存在。使用you should use jsonp: 'photos' instead of jsonpCallback: photos会创建它。你有几个选择。

您可以通过以下两种方式执行此操作（在全局范围内）：

function addMarkers() {
    var pm_url = "http://www.cyclestreets.net/api/photos.json?key=" + MY_KEY;
    $.ajax({
       url: pm_url,
       crossDomain: true, 
       contentType: "application/json",
       dataType: 'jsonp',
       data: pmdata,
       jsonpCallback: 'photos',
       error: function() {
           alert("Sorry, error retrieving photos!");
       }
   });
}
function photos(data) {
    // TBA
}

或者，我想你想要的是什么：

function addMarkers() {
    var pm_url = "http://www.cyclestreets.net/api/photos.json?key=" + MY_KEY;
    $.ajax({
       url: pm_url,
       crossDomain: true, 
       contentType: "application/json",
       dataType: 'jsonp',
       data: pmdata,
       jsonp: 'photos',
       success: function(data) {
        // TBA
       },
       error: function() {
           alert("Sorry, error retrieving photos!");
       }
   });
}

....或者只是将两者都关闭并让jQuery命名success回调本身（默认情况下会发生这种情况，基于时间戳）。

未捕获的TypeError：属性...不是函数 - 页面加载后

1 个答案: