如何使用原生javascript写jQuery $ .getJSON函数？

一个演示我只想用jquery $.getJSON函数，但现在我必须导入jquery，所以我想用原生javascript写jquery $.getJSON函数。

我的代码是：

var $={ 
    getJSON: function(url, params, callback){ 
     var reqUrl = url; 
     var xhr = new XMLHttpRequest; 
     xhr.onreadystatechange = function() { 
      if (xhr.readyState == 4 && xhr.status == 200) { 
       JSON.parse(xhr.responseText); 
      } 
     } 
     xhr.open("GET", reqUrl); 
     xhr.send(); 
    } 
};

使用镀铬显示：

XMLHttpRequest cannot load xxxx Origin xx is not allowed by Access-Control-Allow-Origin.

谁可以帮我？

来源

2013-04-25 artwl

你为什么不读jquery的源代码，并使用其实施？它肯定比任何人都能在几分钟内想出的任何东西都更强大和更好的测试。 – 2013-04-25 12:44:28

我明白了：

var $ = { 
    getJSON: function(url, params, callbackFuncName, callback){ 
     var paramsUrl ="", 
      jsonp = this.getQueryString(url)[callbackFuncName]; 
     for(var key in params){ 
      paramsUrl+="&"+key+"="+encodeURIComponent(params[key]); 
     } 
     url+=paramsUrl; 
     window[jsonp] = function(data) { 
      window[jsonp] = undefined; 
      try { 
       delete window[jsonp]; 
      } catch(e) {} 

      if (head) { 
       head.removeChild(script); 
      } 
      callback(data); 
     }; 

     var head = document.getElementsByTagName('head')[0]; 
     var script = document.createElement('script'); 
     script.charset = "UTF-8"; 
     script.src = url; 
     head.appendChild(script); 
     return true; 
    }, 
    getQueryString: function(url) { 
     if(url){ 
      url = url.split("?")[1]; 
     } 
     var result = {}, queryString = url || location.search.substring(1), 
      re = /([^&=]+)=([^&]*)/g, m; 
     while (m = re.exec(queryString)) { 
      result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]); 
     } 
     return result; 
    } 
};

通话演示：

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

来源

2013-04-25 13:57:52 artwl

发出ajax请求并在结果上使用JSON.parse。喜欢的东西：

xhr = new XMLHttpRequest; 
xhr.onreadystatechange = function() { 
    if (xhr.readyState == 4 && xhr.status == 200) { 
     JSON.parse(xhr.responseText); 
    } 
} 
xhr.open("GET", url) 
xhr.send();

来源

2013-04-25 12:46:51

如何使用原生javascript写jQuery $ .getJSON函数？

回答

相关问题