jQueryでJSONPのコールバック関数名にドットは使用できない

by iwbjp

HTML

<p>data.jsonpのデータ内</p>
<pre>
shop.callback({
  "item": "pens"
});
</pre>

<p>data2.jsonpのデータ内</p>
<pre>
shop({
  "item": "pens"
});
</pre>

CSS

p, pre { margin-bottom: 10px; }

JavaScript

//コールバック関数名がshop.callbackだと読み込めない
$.ajax({
    type: 'GET',
    url: 'http://iwb.jp/jsonp/data.jsonp',
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    jsonpCallback: 'shop.callback',
    success: function(json){
        $("body").append(json.item);
    },
    error: function(){
        $("body").append("error<hr>");
    }
});

//コールバック関数名がshopだと読み込める
$.ajax({
    type: 'GET',
    url: 'http://iwb.jp/jsonp/data2.jsonp',
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    jsonpCallback: 'shop',
    success: function(json){
        $("body").append(json.item);
    },
    error: function(){
        $("body").append("error<hr>");
    }
});