提醒：本文最後更新於 3569 天前，文中所描述的資訊可能已發生改變，請謹慎使用。

很多情況下，我們需要跨域讀取資料，或者是呼叫別人json格式的api，都要用到js callback這種機制。通常做法是頁面上定義一個A方法，再呼叫第三方的url並且把回撥函式名A傳過去。這樣做固然沒什麼問題，但有沒有更好的方法呢？

用過jQuery的同學肯定都知道，jQuery有一個getJSON的方法，只需要兩個引數（callback地址和匿名函式）就能正常工作。摘錄官方示例如下：

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?"
 
,
    function(data){
    $.each(data.items, function(i,item){
        $("<img/>").attr("src", item.media.m).appendTo("#images");
        if ( i == 3 ) return false;
    });
});

很神奇吧！在這個例子中，我們並不用指定callback函式名，回撥也僅僅只是一個匿名函式而已，那麼它是怎麼完成函式呼叫的呢？去看下jQuery的原始碼，你會發現其實原理很簡單。如果懶得看太多程式碼，看看下面我寫的山寨版loadJSON，也能明白。

function loadJSON(url,callback){
    var cn = "jscallback"+(+new Date());
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.src = url+cn;
    window[cn] = callback;
    document.getElementsByTagName("head")[0].appendChild(s);
};
loadJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback="
 
,function(o){
    for(var i=0;i<3;i++){
        var img = document.createElement("img");
        img.src = o.items[i].media.m;
        document.body.appendChild(img);
    }
});

演示地址

--EOF--

提醒：本文最後更新於 3569 天前，文中所描述的資訊可能已發生改變，請謹慎使用。