기본 JavaScript_jquery를 사용하여 jQuery의 $.getJSON을 구현하는 솔루션

오늘은 jQuery의 $.getJSON 메소드를 사용하는 DEMO를 작성하고 있는데, DEMO 전체에서 사용되는 곳은 jQuery에서 여기뿐이라는 것을 알았습니다. jQuery를 직접 구현했기 때문에 기본적으로 요구 사항을 충족할 수 있는 간단한 버전이 이제 공유됩니다.

코드 복사 코드는 다음과 같습니다.

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 ; 데이터) {
                창[jsonp] = 정의되지 않음;
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) {
var result = {}, queryString = (url && url.indexOf("?")!=-1 && url.split("?")[1]) || location.search.substring(1),
      re = /([^&=] )= ([^&]*)/g, m;
while (m = re.exec(queryString)) {
result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
}
}
}
};


다음과 같이 DEMO를 호출합니다.

코드 복사

코드는 다음과 같습니다.var url = "http://xxx.xxx.xxx?callback=jsonp123";var params = { a: 1,

b:2

};
$.getJSON(url, params, "callback", function(data){
//todo
});