JSONP 不使用 XMLHttpRequests。

使用 JSONP 的原因是为了克服 XHR 的跨域限制。

相反，数据是通过脚本检索的。

function jsonp(url, callback) {
    var callbackName = 'jsonp_callback_' + Math.round(100000 * Math.random());
    window[callbackName] = function(data) {
        delete window[callbackName];
        document.body.removeChild(script);
        callback(data);
    };

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

jsonp('http://www.helloword.com', function(data) {
   alert(data);
});

为简单起见，这不包括请求失败时的错误处理。script.onerror如果需要，请使用。

我知道你已经得到了答案，但是如果这里的其他人想要一个使用 Promise 的例子，这里是一个。

function jsonp(url) {
    return new Promise(function(resolve, reject) {
        let script = document.createElement('script')
        const name = "_jsonp_" + Math.round(100000 * Math.random());
        //url formatting
        if (url.match(/\?/)) url += "&callback="+name
        else url += "?callback="+name
        script.src = url;

        window[name] = function(data) {
            resolve(data);
            document.body.removeChild(script);
            delete window[name];
        }
        document.body.appendChild(script);
    });
}
var data = jsonp("https://www.google.com");
data.then((res) => {
    console.log(res);
});

function JsonpHttpRequest(url, callback) {
    var e = document.createElement('script');
    e.src = url;
    document.body.appendChild(script); // fyi remove this element later /assign temp class ..then .remove it later
    //insetead of this you may also create function with  callback value and  use it instead
    window[callback] = (data) => {
        console.log(data);  // heres you data
    }
}
// heres how to use
function HowTouse(params) {
    JsonpHttpRequest("http://localhost:50702/api/values/Getm?num=19&callback=www", "www")
}

对于 google api，我被迫向 url添加callback和v=1.0参数。如果没有V = 1.0的参数，我得到CORB错误（我的版本以及其他答案代码-但是jQuery的$.ajax有dataType: "jsonp"加这个参数-所以我添加它也开始工作）

跨域读取阻止 (CORB) 阻止了跨域响应https://ajax.googleapis.com/ajax/services/feed/load?callback=jsonp1555427800677使用 MIME 类型 text/javascript。有关更多详细信息，请参阅https://www.chromestatus.com/feature/5629709824032768。

以下是我的解决方案的Promise版本

function jsonp(url) {
  return new Promise(function(resolve, reject) {
    var s = document.createElement('script');
    var f="jsonp"+(+new Date()), b=document.body;
    window[f] = d=>{ delete window[f]; b.removeChild(s); resolve(d); };
    s.src=`${url}${url.includes('?')?'&':'?'}callback=${f}&v=1.0`;
    b.appendChild(s);
  })
}

async function send() {
    let r = await jsonp("http://ajax.googleapis.com/ajax/services/feed/load");
    console.log(r);
}

<button onclick="send()">Send JSONP</button>

你不能使用 XMLHttpRequest 做跨域脚本。如果你想在没有 Jquery 的情况下跨域，你必须创建一个新的脚本节点并设置它的 src 属性。