クロスドメインのjsonデータでコールバックが機能しない

Question

"jsonp"データ型を使用し、エラー関数呼び出しを使用してクロスドメインURLからjsonデータを取得するためにajax呼び出しを使用しています。私はmozillaの開発者 - >ネットワーク - >応答でjsonのデータを見ることができます。

{"datapoints": [{"record_timestamp": "10-09-2016 05:30","data": {"temperature": {"id": "3","param_name": "temperature","value": "28.6","unit": "celsius"}}}]} 

JSONデータがjsonpcallbackにアップwrappigされていない

Error: callbackdata was not called 
Stack trace: 
.error@http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js:2:1821 
b.converters["script json"]@http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js:4:16101 
uc@http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js:4:7333 
x@http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js:4:10747 
.send/c@http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js:4:15393 
n.event.dispatch@http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js:3:6392 
n.event.add/r.handle@http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js:3:3202 
CORS:25:7 
SyntaxError: missing ; before statement 

とmozillaのdaveloper-で応答>ネットワーク：次のエラーを取得

$(document).ready(function() { 
$.ajax({ 
url : 'https://www.example.com /fetchdata?param=1', 
type : 'POST', 
crossDomain : true, 
dataType : 'jsonp', 
headers : { 
      'Access-Control-Allow-Origin' : '*', 
      'Access-Control-Allow-Methods' : 'POST' 
     }, 
jsonpCallback : 'callbackdata', 
success : function(data) { 
      alert("success"); 
     }, 
error : function(xhr, status, error) { 
    console.log(error); 
    alert("fail"); 
     }, 
}); 
}); 
function callbackdata(response) { 
     alert(response) 
    } 

：以下のコードです。解決策を見つけるのを手伝ってください。私が代わりに「JSONP」のデータ型として「JSON」とAJAX呼び出しを作るしようとした場合

、サーバは

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.example.com/fetchdata?param=1.(Reason: CORS header 'Access-Control-Allow-Origin' missing) 

Answer 1

を応答それはあなたがそれから要求されているサーバがCORSアップヘッダに設定する必要がありますので、あなたのexample.comには、Access-Control-Allow-Origin "*"ヘッダを提供するようにサーバを設定する必要があります。あなたのAJAXリクエストにそれを入れても効果はありません。

Answer 2

データを要求しているサーバーは、JSONPではなくJSONを返します。サーバーはJSONPをサポートしなければなりません。JSONPは純粋なJSONではなく、JavaScriptコードを返す必要があります。例えば

：

JSONは次のとおりです。

"{\"message\":\"hello world\"}" 

JSONPは次のとおりです。

callback({message:"hello world"}) 

'コールバック' URL引数が（これはjQueryの設けられている場合、サーバーがJSONPスクリプトを返します。あなたのためにします）。

この特定のサーバーがこれをサポートしていない限り、コールバックは呼び出されません。

jQueryの質問ではありませんが、this Q&Aは同じ件名です。