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>

在我的 disclips.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(); 
}

当我运行它（在 chrome 中）时，我得到：

Uncaught SyntaxError: Unexpected token :

json 返回看起来很棒，所以我不明白为什么这是一个问题。

谢谢

4

3 回答 3

3

因为您使用的 API 返回JSON而不是JSONP。的JSONP有效载荷应该用这样的函数包装functionCall({"Name": "Foo", "Id": 1234, "Rank": 7});

于 2013-09-30T23:09:14.383 回答
3

您必须在 JSONP 请求中再定义一个默认参数。

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

如果不小心将模板页面（而不是指令 .js 文件的顶部）加载为脚本，您也会收到此错误。

<script src="/js/Directives/Templates/myTemplate.html"></script>
于 2017-03-28T12:28:11.863 回答