Javascript $http获取角度Js
结果页为空,不显示任何数据 Js文件包含:Javascript $http获取角度Js,javascript,asp.net,angularjs,json,json.net,Javascript,Asp.net,Angularjs,Json,Json.net,结果页为空,不显示任何数据 Js文件包含: var Movies = angular.module('Movies', []); Movies.controller('MoviesController',['$scope', '$http', function ($scope, $http) { $http.get('http://localhost:19290/CinemaAngularJs/JS/data.json') .success(function (dat
var Movies = angular.module('Movies', []);
Movies.controller('MoviesController',['$scope', '$http', function
($scope, $http) {
$http.get('http://localhost:19290/CinemaAngularJs/JS/data.json')
.success(function (data) {
$scope.Movies = data.Movs;
})
.error(function (data) {
alert("Error occur");
});
}]);
"Movs":[
{
"name":"Mision Impossible",
"img":"mi",
"year":"2012",
"short":"Mision Impossible 2012 Mision Impossible 2012Mision Impossible
2012 Mision Impossible 2012",
"description":"Mision Impossible 2012 Mision Impossible 2012Mision
},
{
.............
}]
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="Movies">
<head runat="server">
<title></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.1/angular2.min.js"></script>
<script src="angular.min.js"></script>
<script src="JS/controller.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div ng-controller="MoviesController">
<ul class="large-block-grid-4 small-block-grid-2">
<li ng-repeat="mov in Movies">
<h2>name : {{mov.name}}</h2>
<img ng-src="Img/{{mov.img}}.jpg" alt="Image Here" />
<h3>year : {{mov.year}}</h3>
<h3>year : {{mov.short}}</h3>
<h3>year : {{mov.description}}</h3>
</li>
</ul>
</div>
</form>
</body>
</html>
Data.json文件包含:
var Movies = angular.module('Movies', []);
Movies.controller('MoviesController',['$scope', '$http', function
($scope, $http) {
$http.get('http://localhost:19290/CinemaAngularJs/JS/data.json')
.success(function (data) {
$scope.Movies = data.Movs;
})
.error(function (data) {
alert("Error occur");
});
}]);
"Movs":[
{
"name":"Mision Impossible",
"img":"mi",
"year":"2012",
"short":"Mision Impossible 2012 Mision Impossible 2012Mision Impossible
2012 Mision Impossible 2012",
"description":"Mision Impossible 2012 Mision Impossible 2012Mision
},
{
.............
}]
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="Movies">
<head runat="server">
<title></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.1/angular2.min.js"></script>
<script src="angular.min.js"></script>
<script src="JS/controller.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div ng-controller="MoviesController">
<ul class="large-block-grid-4 small-block-grid-2">
<li ng-repeat="mov in Movies">
<h2>name : {{mov.name}}</h2>
<img ng-src="Img/{{mov.img}}.jpg" alt="Image Here" />
<h3>year : {{mov.year}}</h3>
<h3>year : {{mov.short}}</h3>
<h3>year : {{mov.description}}</h3>
</li>
</ul>
</div>
</form>
</body>
</html>
HTML文件包含:
var Movies = angular.module('Movies', []);
Movies.controller('MoviesController',['$scope', '$http', function
($scope, $http) {
$http.get('http://localhost:19290/CinemaAngularJs/JS/data.json')
.success(function (data) {
$scope.Movies = data.Movs;
})
.error(function (data) {
alert("Error occur");
});
}]);
"Movs":[
{
"name":"Mision Impossible",
"img":"mi",
"year":"2012",
"short":"Mision Impossible 2012 Mision Impossible 2012Mision Impossible
2012 Mision Impossible 2012",
"description":"Mision Impossible 2012 Mision Impossible 2012Mision
},
{
.............
}]
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="Movies">
<head runat="server">
<title></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.1/angular2.min.js"></script>
<script src="angular.min.js"></script>
<script src="JS/controller.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div ng-controller="MoviesController">
<ul class="large-block-grid-4 small-block-grid-2">
<li ng-repeat="mov in Movies">
<h2>name : {{mov.name}}</h2>
<img ng-src="Img/{{mov.img}}.jpg" alt="Image Here" />
<h3>year : {{mov.year}}</h3>
<h3>year : {{mov.short}}</h3>
<h3>year : {{mov.description}}</h3>
</li>
</ul>
</div>
</form>
</body>
</html>
-
名称:{{mov.name}
年份:{mov.year}
年份:{{mov.short}
年份:{mov.description}
代码中的错误是什么?
运行代码我应该做什么?请控制台记录(数据)并检查它。是有效的JSON对象还是JSON字符串?
我认为我们需要:
$http.get('http://localhost:19290/CinemaAngularJs/JS/data.json').success(function (data) {
var temp =JSON.parse(data);
$scope.Movies = temp.Movs;
})
.error(function (data) {
alert("Error occur");
});
在浏览器中按F12运行开发人员工具。控制台窗口中是否显示任何错误消息 这将显示语法中的任何错误…但不会显示逻辑 更新: 您的JSON无效。 试着把它粘贴进去,自己看看 能否将JSON更改为:
{
"Movs": [{
"name": "Mision Impossible",
"img": "mi",
"year": "2012",
"short": "Mision Impossible 2012 Mision Impossible 2012Mision Impossible 2012 Mision Impossible 2012",
"description": "Mision Impossible 2012 Mision Impossible 2012Mision"
}]
}
您的JSON无效,请尝试以下操作:
{
“MOV”:[{
“名称”:“米森不可能”,
“img”:“mi”,
“年份”:“2012年”,
“短”:“2012年不可能实现的目标2012年不可能实现的目标2012年不可能实现的目标2012年不可能实现的目标”,
“说明”:“2012年不可能实现的目标2012年不可能实现的目标”
}]
}
为你的问题感到自豪。清理它,我们将提供帮助。代码没有问题(但我确实在angular 1.4 vs 2.0中运行了它),我建议您查看一下数据并确保其正确返回。此外,当运行代码并在浏览器控制台窗口中按F12时,我没有任何结果“空页”为空“无错误”那么代码就没有任何错误了。你正在加载的文件呢?你知道应用程序是否正在读取它吗?页面无法读取json文件我想知道为什么?我想在html页面中查看json文件。json无效。我会更新我的答案给你看。