有人能用外行人的話解釋一下JSONP是什么嗎？我知道呀JSONP是JSON用墊子。我理解JSON是什么，以及如何使用它jQuery.getJSON()..不過，我不明白callback在介紹JSONP時。有人能向我解釋一下這是怎么回事嗎？
3 回答
冉冉說
TA貢獻1877條經(jīng)驗 獲得超1個贊
前言：
XMLHTTPRequest<script><head>
JSON請求：
var xhr = new XMLHttpRequest();xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
// success
};};xhr.open("GET", "somewhere.php", true);xhr.send();JSONP請求：
var tag = document.createElement("script");tag.src = 'somewhere_else.php?callback=foo';document.getElementsByTagName("head")[0].
appendChild(tag);杰森：
{ "bar": "baz" }JSONP：
foo( { "bar": "baz" } );callback
<script>
&callback=?success?&callback=?
類似的JSON/JSONP實現(xiàn)
{ "bar" : "baz" }
杰森：
var xhr = new XMLHttpRequest();xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById("output").innerHTML = eval('(' + this.responseText + ')').bar;
};};xhr.open("GET", "somewhere.php", true);xhr.send();JSONP：
function foo(response) {
document.getElementById("output").innerHTML = response.bar;};var tag = document.createElement("script");tag.src = 'somewhere_else.php?
callback=foo';document.getElementsByTagName("head")[0].appendChild(tag);- 3 回答
- 0 關(guān)注
- 609 瀏覽
添加回答
舉報
0/150
提交
取消