【问题标题】:Unexpected token t in JSON at position 40JSON 中第 40 位的意外标记 t
【发布时间】:2017-01-26 22:43:48
【问题描述】:

我是 Angular js 的新手。我想使用 ng-repeat 从 http 获取内容来重复列表。但不幸的是,我在 JSON 中的第 40 位得到了 Unexpected token t。

这是我的代码

<!DOCTYPE>
<html ng-app="easternApp">
    <body ng-controller="easternController">
         <div class="clearfix blogs" ng-repeat=" item in homelist | orderBy: 'title' | limitTo: 5">
                        <h2>
                            <a href="#" ng-bind="item.title"></a>
                        </h2>
                        <figure><img ng-src="{{ item.imgpath }}" alt="" /></figure>
                        <div class="blogicon clearfix">
                            <div class="blog_collectinfo">
                                <i class="flaticon-small-calendar"></i>
                                <span ng-bind="item.post_date | date: 'medium'"></span>
                            </div>
                            <div class="blog_collectinfo">
                                <i class="flaticon-chat"></i>
                                <span ng-bind="item.treatments"></span>
                            </div>
                            <div class="blog_collectinfo">
                                <i class="flaticon-eye"></i>
                                <span ng-bind="item.view"> views</span>
                            </div>
                        </div>
                        <article class="blogcontent">
                            <p ng-bind="item.blogcontent | limitTo: 250"></p>
                        </article>
                    </div>
        <script>
            var eastern_app = angular.module('easternApp', ['ui.bootstrap']);
            eastern_app.controller("easternController", function($scope, $http, $sce) {
                var homelist_file = "files/homelist_file.json";
                $http({
                    method: "GET",
                    url: homelist_file,
                    contentType: "application/json; ",
                    dataType: "json",

                }).then(function(response) {
                    $scope.homelist = response.data.homelist_list;
                });    
            });
        </script>
    </body>
</html>

我的 json 文件的链接是

http://pixperfectionist.in/work/dump/homelist_file.json

我是 Angular js 的新手。我想使用 ng-repeat 从 http 获取内容来重复列表。但不幸的是,我在 JSON 中的第 40 位得到了 Unexpected token t。请帮我解决问题。

提前致谢

【问题讨论】:

  • Unexpected token 通常意味着您的 JSON 格式不正确。或者您正在检索实际上不是 JSON 的内容。
  • 嗨,克里斯,感谢您的评论。这是我的 json 文件。 pixperfectionist.in/work/dump/homelist_file.json
  • JSON 中的对象属性名称必须用" 字符引用。您的属性名称没有被引用。
  • 所以{ "hello": "world" } 有效,{ hello: "world" } 无效。
  • 欢迎来到 Stack Overflow!您的问题的全部内容必须在您的问题中in,而不仅仅是链接。链接失效,使问题及其答案对未来的人们毫无用处,人们不应该离开现场来帮助你。将minimal reproducible example 放入 问题中,最好使用 Stack Snippets(&lt;&gt; 工具栏按钮)使其可运行。更多:How do I ask a good question?

标签: javascript angularjs json html css


【解决方案1】:

片段

  treatments: 34 + ' treatments',

不是有效的 JSON 值。它不是字符串也不是数字。它应该只是

"treatments": "34 treatments",

使用在线 JSON 验证器是解决此类问题的最佳方法。

【讨论】:

  • 如果属性名没有被引用,它是仍然无效的JSON。
猜你喜欢
  • 2018-04-29
  • 2016-09-17
  • 2017-08-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-08-30
  • 2018-03-02
相关资源
最近更新 更多