AngularJS用$http.get读取本地json文件失败

zengyiqi31 2016-09-21 03:58:14

代码：



<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <script src="~/Scripts/angular.js"></script>

</head>

<body>



    <div ng-app="myApp" ng-controller="customersCtrl">



        <ul>

            <li ng-repeat="x in names">

                {{ x.Name + ', ' + x.Country }}

            </li>

        </ul>



    </div>



    <script>

        var app = angular.module('myApp', []);

        app.controller('customersCtrl', function ($scope, $http) {

            $http.get("~/App_Data/test.json")

            .success(function (response) { $scope.names = response.records; });

        });

    </script>



</body>

</html>

刚开始看AngularJS，被这个问题卡住两天三天了，试了很多不同教程的例子，都是类似这样

求救求指教

...全文

494 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

zengyiqi31 2016-09-21

打赏
举报

引用 1 楼 showbo 的回复:

用的什么浏览器？如果是chrome本地file浏览器ajax存在跨域问题，用firefox来测试。谷歌的话发布网站通过http来访问

用的IE和QQ。。解决了。。在web.config里添加了


<staticContent>
      <remove fileExtension=".json"/>
      <mimeMap fileExtension=".json" mimeType="text/json"/>
    </staticContent>

解决的

Go 旅城通票 2016-09-21

打赏
举报

用的什么浏览器？如果是chrome本地file浏览器ajax存在跨域问题，用firefox来测试。谷歌的话发布网站通过http来访问

AngularJS提供$http控制，可以作为一项服务从服务器读取数据。服务器可以使一个数据库调用来获取记录。 AngularJS需要JSON格式的数据。一旦数据准备好，$http可以用以下面的方式从服务器得到数据。 function studentController($scope,$http) { var url=data.txt; $http.get(url).success( function(response) { $scope.students = response; }); } 在这里，data.txt中包含的学生记

AngularJS提供$http控制，可以作为一项服务从服务器读取数据。服务器可以使一个数据库调用来获取记录。 AngularJS需要JSON格式的数据。一旦数据准备好，$http可以用以下面的方式从服务器得到数据。 function studentController($scope,$http) { var url="data.txt"; $http.get(url).success( function(response) { $scope.students = response; }); } 在这里，data.txt中包含的学生记

本课程讲解的是 AngularJS 1.5版本本课程以通俗易懂的方式讲解AngularJS技术，课程内容包括：1. AngularJS简介2. AngularJS组成3. 模块4. 控制器5. 表达式6. 过滤器7. 指令8. 服务9.路由教学全程采用笔记+代码案例的形式讲解，通俗易懂！！！

AngularJS | 加载 JSON 数据使用 jQuery getJSON()方法用于使用 AJAX HTTP GET 请求获取 JSON 数据。 AngularJS 有使用 AngularJS 访问外部 JSON 数据的简单方法。 $http是一个用于从远程服务器读取数据的 AngularJS 服务。 ================================================== ================================================== ========== 网址： : 博客： :

${i18n.getText("admin.user")}

14.xss过滤的StringEscapeUtils过滤器实现 public class AttackHandler extends Handler { @Override public void handle(String target, HttpServletRequest request, HttpServletResponse response, boolean[] isHandled) { request = new HttpServletRequestWrapper(request); nextHandler.handle(target, request, response, isHandled); } } 15.json数据请求时，返回的error信息使用json字符串 public class JsonErrorRenderFactory implements IErrorRenderFactory { public Render getRender(int errorCode, String view) { if (ThreadLocalUtil.isJson()) return new JsonErrorRender(errorCode, view); else return new ErrorRender(errorCode, view); } } 16.自动绑定多数据源的tablebind AutoMultiSourceTableBindPlugin tableBindDefault = new AutoMultiSourceTableBindPlugin(druidDefault, SimpleNameStyles.LOWER); //让default数据源排除shop目录下的model，因为该目录的model属于custom数据源 tableBindDefault.addExcludePaths("cn.dreampie.function.shop"); AutoMultiSourceTableBindPlugin tableBindCustom = new AutoMultiSourceTableBindPlugin(druidCustom, SimpleNameStyles.LOWER); //让custom只扫描shop目录，注意当使用includepaths是只会扫描配置的路径，如果没有使用includepaths会扫描全路径 tableBindCustom.addIncludePaths("cn.dreampie.function.shop"); 17.压缩请求数据的gzipFilter，可测试

gzipFilter

cn.dreampie.common.web.filter.gzip.GZIPFilter

gzipFilter

REQUEST FORWARD INCLUDE ERROR  18.http缓存cacheFilter，和gzipFilter共同用于提高用户性能

cacheFilter

cn.dreampie.common.web.filter.cache.CacheFilter

cacheFilter

REQUEST FORWARD INCLUDE ERROR  标签：jfinal