ホームページ > ウェブフロントエンド > jsチュートリアル > ネイティブ JavaScript_jquery を使用して jQuery の $.getJSON を実装するソリューション

ネイティブ JavaScript_jquery を使用して jQuery の $.getJSON を実装するソリューション

WBOY
リリース: 2016-05-16 17:34:48
オリジナル
1050 人が閲覧しました

今日は、jQuery の $.getJSON メソッドを使用するデモを作成しています。作成後、これが jQuery でデモ全体で使用される唯一の場所であることがわかりました。しかし、 jQuery を自分で実装したので、基本的にニーズを満たすことができる簡単なバージョンを共有します:

コードをコピーしますコードは次のとおりです:

var $ = {
getJSON: function(url, params, callbackFuncName, callback){
var paramsUrl ="",
jsonp = this .getqueryString(url)[callbackfuncname];
for(var key in params){ to { window [jsonp] = undefined;
if (head) {
head.removeChild(script);
}
callback(data);
};

var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script'); script.charset = "UTF-8";

スクリプト.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]);
}
}
}
};


次のようにデモを呼び出します:




コードをコピー

コードは次のとおりです。

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



関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート