5

私はこれに数時間取り組んできましたが、どこにも行けないようです。これがこれを投稿する適切な場所であることを願っています。私は StackOverflow を初めて使用するので、これが正しくない場合は適切な場所に案内してください。

次のhtmlファイルがあります。

<!DOCTYPE HTML>
<html ng-app="DishClips">
 <head>
    <script type="text/javascript" src="http://code.angularjs.org/angular-1.0.0.0rc4.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/angular-resource-1.0.0.0rc4.min.js"></script>
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/css/bootstrap.min.css">
    <script type="text/javascript" src="./dishclips.js"></script>
 </head>

 <body>
 <div ng-controller="DishClipsCtrl">
    <table class="table table-striped">
        <tr ng-repeat="restaurant in dishclipsResult.results"></tr>
            <td>{{restaurant.name}}</td>
    </table>
 </div>
 </body>
</html>

そして、私のdishclips.jsには次のように書かれています:

angular.module('DishClips', ['ngResource']);

function DishClipsCtrl($scope, $resource) {
    $scope.dishclips = $resource('http://apiv2.dishclips.com/dishclips/api/:action',
    {action:'searchRestaurants',address:'irvine',callback:'JSON_CALLBACK' },
    {get:{method:'JSONP'}});

    $scope.dishclipsResult = $scope.dishclips.get(); 
}

これを(クロムで)実行すると、次のようになります。

キャッチされない SyntaxError: 予期しないトークン:

json の戻り値は見栄えがするので、これが問題である理由がわかりません。

ありがとう

4

3 に答える 3

3

JSONP 要求で、もう 1 つのデフォルト パラメータを定義する必要があります。

get:{method:'JSONP', params : {callback : 'JSON_CALLBACK'}}
于 2014-08-01T13:36:36.207 に答える