0

为什么我们要通过 GET 传递回调函数？菜鸟在这里，我试过谷歌，但它让我失望了。据我了解，它可能看起来像这样（我不确定）：

xhr.open("GET", "serverSideFile.php?callback=thisFunction", true);

帮助任何人？

4

1 回答 1

1

这个想法是，如果请求返回 JSON 数据，则通过将其放入<script>元素来执行请求返回的 JS。

就像是....

// the request stuffs
var xhr = new XMLHttpRequest();

// detect state changes
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) { // this is completed state
        // build the script element to inject into
        var s = document.createElement("script");
        s.type = "text/javascript";

        // put the ajax response into the script element
        s.innerHTML = xhr.responseText;

        // add it to the <HEAD>
        document.getElementByTagName("head")[0].appendChild(s);
    }
}

xhr.open("GET", "serverSideFile.php?callback=myCallback", true);
xhr.send(null); // do that ajax


// the callback function
function myCallback(data) {
    // do blah
}

服务的回报就像......

myCallback([{title: "item1", value: "blah1"},{title: "item2", value: "blah2"}]);

编辑：

我想您也可以在此上使用 HTML5 脚本异步，并且只是......

var s = document.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = "serverSideFile.php?callback=myCallback";
document.getElementByTagName("head")[0].appendChild(s);

编辑： 这是一篇关于它的文章：http ://en.wikipedia.org/wiki/JSONP

于 2013-09-18T15:41:54.270 回答