原生js实现jsonp 跨域

function jsonp(url, callbackName, callback) {
    // 创建一个全局回调函数
    window[callbackName] = function(data) {
        callback(data);
        // 清理工作：删除script标签和全局回调函数
        document.body.removeChild(script);
        delete window[callbackName];
    };

    // 创建script标签
    var script = document.createElement('script');
    script.src = url + (url.indexOf('?') >= 0 ? '&' : '?') + 'callback=' + callbackName;
    document.body.appendChild(script);
}

// 使用示例
jsonp('http://example.com/api/data', 'myCallback', function(data) {
    console.log('Received data:', data);
});

function jsonp(url, callbackName, callback) {
    var script = document.createElement('script');
    var timeoutId;

    function cleanup() {
        if (script.parentNode) script.parentNode.removeChild(script);
        window[callbackName] = undefined;
        clearTimeout(timeoutId);
    }

    window[callbackName] = function(data) {
        cleanup();
        callback(data);
    };

    script.src = url + (url.indexOf('?') >= 0 ? '&' : '?') + 'callback=' + callbackName;
    document.body.appendChild(script);

    timeoutId = setTimeout(function() {
        cleanup();
        console.error('JSONP request timed out');
    }, 5000); // 设置超时时间为5秒
}