JSONP脚本回调不起作用

Question

我想在使用纯JavaScript加载脚本后执行回调。 我能够正确加载脚本，但是我的回调没有触发。 我听说使用JSONP可以做到这类事情，但是我不能完全使它起作用。 这是我的代码：

function foo(){
   alert('got the data');
}

var el = document.createElement("script");
el.setAttribute("src", "//ajax.googleapis.com/ajax/libs/webfont/1.5.0/webfont.js?callback=foo");
document.body.appendChild(el);

Answer 1

JSONP与此无关。 您尝试加载的URL 已经返回了JavaScript，因此您需要做的是将加载事件处理程序绑定到元素：

var el = document.createElement("script");
el.setAttribute("src", "//ajax.googleapis.com/ajax/libs/webfont/1.5.0/webfont.js");
el.onload = function() {
    // script loaded
};
document.body.appendChild(el);

另请参阅如何在另一个JavaScript文件中包含一个JavaScript文件？

---

当您想从外部域加载数据时，可以使用JSONP替代Ajax，但这是服务器必须支持的功能。 如果服务器支持，则不返回（例如）简单的JSON：

{"foo": 42}

它将包装在callbackName(...); 使用单个函数调用创建JS脚本：

callbackName({"foo": 42});

实际的函数名称来自GET参数callback 。