QA@IT
«質問へ戻る

質問を投稿

JQueryのJSONP読み込みでコールバック関数名がかぶったときの読み込みについて

以下のように別々のJSONP読み込み時にコールバック関数名が
同じだとエラーになってしまうことがあります。

一方のコールバック関数名変更やsetTimeoutを使用した時間差での
読み込み以外に対処方法はありますでしょうか?

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function(){
    $.ajax({
        type: 'GET',
        url: 'http://iwb.jp/s/foo.json',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        jsonpCallback: 'hoge',
        success: function(json){
            $("#a").text(json.title);
        }
    });

    $.ajax({
        type: 'GET',
        url: 'http://iwb.jp/s/bar.json',
        dataType: 'jsonp',
        jsonp: 'jsoncallback',
        jsonpCallback: 'hoge',
        success: function(json){
            $("#b").text(json.title);
        }
    });
});
</script>
</head>
<body>
<p id="a"></p>
<p id="b"></p>
</body>
</html>

ご存じの方がおられましたらご回答をよろしくお願い致します。

以下のように別々のJSONP読み込み時にコールバック関数名が
同じだとエラーになってしまうことがあります。

一方のコールバック関数名変更やsetTimeoutを使用した時間差での
読み込み以外に対処方法はありますでしょうか?

```
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function(){
	$.ajax({
		type: 'GET',
		url: 'http://iwb.jp/s/foo.json',
		dataType: 'jsonp',
		jsonp: 'jsoncallback',
		jsonpCallback: 'hoge',
		success: function(json){
			$("#a").text(json.title);
		}
	});
	
	$.ajax({
		type: 'GET',
		url: 'http://iwb.jp/s/bar.json',
		dataType: 'jsonp',
		jsonp: 'jsoncallback',
		jsonpCallback: 'hoge',
		success: function(json){
			$("#b").text(json.title);
		}
	});
});
</script>
</head>
<body>
<p id="a"></p>
<p id="b"></p>
</body>
</html>
```

ご存じの方がおられましたらご回答をよろしくお願い致します。