javascript - Fetch-JSONP - JSONPとは何か、そしてなぜ作られたのか。

json-p java / javascript / json / jsonp / terminology

JSONは理解できますが、JSONPは理解できません。JSONに関するウィキペディアのドキュメントは、JSONPの上位の検索結果です。それはこれを言います:

mikemaccana



Answer #1

を返します。

whateverJavascriptName({"success":true,"url":"http://google.com","shortUrl":"http://b1t.co/54"});

このようにして、jsにsrcとして読み込まれると、コールバック関数として実装すべきJavascriptNameが自動的に実行されることになります。

function minifyResultsCallBack(data)
{
    document.getElementById("results").innerHTML = JSON.stringify(data);
}

実際にJSONPを呼び出すには、いくつかの方法(jQueryを使うなど)がありますが、ここでは純粋なJSの例をご紹介します。

function minify(urlToMinify)
{
   url = escape(urlToMinify);
   var s = document.createElement('script');
   s.id = 'dynScript';
   s.type='text/javascript';
   s.src = "http://b1t.co/Site/api/External/MakeUrlWithGet?callback=resultsCallBack&url=" + url;
   document.getElementsByTagName('head')[0].appendChild(s);
}