首頁 >web前端 >js教程 >用原生JavaScript實作jQuery的$.getJSON的解決方法_jquery

用原生JavaScript實作jQuery的$.getJSON的解決方法_jquery

WBOY
WBOY原創
2016-05-16 17:34:481009瀏覽

  今天在寫一DEMO,其中用到了jQuery的$.getJSON方法,寫完後發現整個DEMO中用到jQuery中的就這一個地方,但要引入一個jQuery實在不划算,於是就自己實現了一個簡單版的,基本上可以滿足需求,現分享出來:

複製程式碼 程式碼如下:

var $ = {
    getJSON: function(url, params, callbackFuncName, callback){
        var ? callbackFuncName];
        for (var key in params){
                   window[jsonp] = function(data) {
            window[jsonp] = undefined;
           
            } catch(e) {}

            if (head) {
                        callback(data);
        };
        var head = document.getElementsByTagName('head')[0];

        var script = doccom >        script .src = url;
        head.appendChild(script);
        return true;
  var result = {}, queryString = (url && url.indexOf("?")!=-1 && url.split("?")[1]) || location.search.substring(1),
            re = /([^&=] )= ([^&]*)/g, m;

        while (m = re.exec(queryString)) {

            result[decodeURIComponent)[11. 🎜>        }
        return result;
    }
};

複製程式碼


代碼如下:


var url = "http://xxx.xxx.xxx?callback=jsonp123";
var params = {
:    a 1,
    b:2
};
$.getJSON(url, params, "callback", function(data){

    //todo
});
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn