Google Places API：jsonエラーUncaught SyntaxError予期しないトークン

Question

なぜ私は非常に多くの異なるエラーが発生するのですか？ は、私はテストのためのGoogleプレイスAPIを使用して、単にコールバックとAjaxのクエリの呼び出しを使用しています、私はJSONをバック受け取るが、地獄はある理由をChromeブラウザに私は

"Uncaught SyntaxError: Unexpected token :" 

を取得しますか？ 私はGoogleが正しいと思っていて、彼らのjsonは正しいはずです...だから、どこに問題があるのでしょうか？

これは、サーバーはプレーンJSONを返す場合は、このエラーを取得する私のコード

$.ajax({ 
    dataType: "json", 
    url: "https://maps.googleapis.com/maps/api/place/search/json?location=40.47,-73.58&radius=5000&sensor=false&key=MYOWN&name&callback=?", 
    success: function(data) { 
     console.log('success'); 
    }, 
    error: function(data) { 
     console.log('error'); 
    } 
}); 

Answer 1

です。 これはクロスサイトリクエストであるため、jQueryはserver-responseがスクリプトとして解釈されるJSONP-techniqueを使用する必要があります。これは、ブラウザでクロスサイトリクエストを行う唯一の方法です。

問題はです。サーバーはJSONPをサポートし、jQueryによって生成されたコールバックでJSON回答を囲む必要があります。 jQueryを使って

<?php 
header("Content-Type:text/javascript"); // avoid browser warnings 
$request = new HttpRequest("http://programmingisart.com/json-data-source.php", HttpRequest::METH_GET); 
$request->send(); 
$json_data = $request->getResponseBody(); 

// wrap the data as with the callback 
$callback = isset($_GET["callback"]) ? $_GET["callback"] : "alert"; 
echo $callback."(".$json_data.");"; 

クライアント例：PHPで

jQuery17101705844928510487_1324249734338({"data":"whatever"}); 

サーバー-例：応答はそのように見えなければなりません

<div id="json-result"></div> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $.ajax({ 
      dataType: "jsonp", 
      url: "jsonp-wrapper.php", 
      success: function(data) { 
       $("#json-result").html(JSON.stringify(data)); 
      }, 
      error: function() { 
       alert("error"); 
      } 
     }); 
    }); 
</script> 

あなたはどんなでPHPコードを置き換えることができます他のサーバープラットフォームを使用して、必要な手順を実行します。

• HTTPリクエストJSONソース
• に問題があなたのコードである