jsonpをajaxで呼び出す際に即時関数でラップすると関数が定義されていないエラーが出る

Question

jsonpをajaxで呼び出す際に即時関数でラップすると関数が定義されていないエラーが出ます。

下記は問題なく動作します。

function jsonCallback(json){
  console.log(json);
}

$.ajax({
  url: "http://run.plnkr.co/plunks/v8xyYN64V4nqCshgjKms/data-2.json",
  dataType: "jsonp"
});

しかしグローバル汚染を簡易的に防ぐ為即時関数で下記のように
するとjsonCallbackがundefinedと出ます。

(function(){
function jsonCallback(json){
  console.log(json);
}

$.ajax({
  url: "http://run.plnkr.co/plunks/v8xyYN64V4nqCshgjKms/data-2.json",
  dataType: "jsonp"
});
})();

大変お手数ではございますが解決方法をご教示いただければ幸いです。

Answer 1

しかしグローバル汚染を簡易的に防ぐ為即時関数で下記のように

するとjsonCallbackがundefinedと出ます。

JSONP側の仕様が「グローバル変数のjsonCallbackの内容をコールバックとして実行する」となっており, これをローカル変数として隠蔽することは出来ません.

---

なおJSONPコードを直接テキストとして入手し, eval関数で実行すればローカル変数jsonCallbackに設定されたコールバック関数を呼び出すことができるかもしれません.

※但しこの場合においてはクロスオリジンでのデータ入手となるので, サーバー側の設定によってはうまく行かないでしょう.

NOTE:
JSONPはscript要素が外部ドメインのソースコードを直接読み込む挙動を利用したデータ授受なので, その代償としてグローバル変数を(一つ)汚染してしまうのは仕方ありません.

Comments

[sixth13]

隠蔽した状態で何か他の方法でjsopを使用する方法はあるのでしょうか。

[defghi1977]

そうじゃなくて, JSONPを提供している側がそのような使い方をあなたに強制しているのでそうせざるを得ないのです.
また, そもそものJSONPの動作原理が「script要素は外部ドメインのスクリプトを実行できる」という特徴を利用しているので, 云々
・・・と思いましたが, eval使えばイケるんじゃねーかとそんな気が

[sixth13]

ご回答誠にありがとうございます。
eval。。そうですね。勉強になります。

[defghi1977]

追記してみたけれど, CORSを考えるとやはり無理だと思います.