在AngularJS中使用Wcf数据服务
Consuming Wcf Data service in AngularJS
我是AngularJS新手。我正在尝试使用AngularJS使用Wcf数据服务。我总是失败,因为我不确定哪里出了问题。有人能帮我一下吗?谢谢。
如果像这样查询,数据服务将返回Json:
http://localhost/Wcf/DataService/Report/ReportService.svc/SystemCategories?$format=json
返回的Json示例:
{"odata.metadata":"http://localhost/Wcf/DataService/Report/ReportService.svc/$metadata#SystemCategories","value":[
{"ID":1,"SystemName":"System-A","Description":"System A"},
{"ID":2,"SystemName":"System-B","Description":"System B"},
{"ID":3,"SystemName":"System-C","Description":"System C"}]}
代码(来自w3school的示例)
<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="systemCat">
<ul>
<li ng-repeat="x in categories">
{{ x.ID + ', ' + x.SystemName }}
</li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('systemCat', function($scope, $http) {
$http.get("http://localhost/Wcf/DataService/Report/ReportService.svc/SystemCategories?$format=json")
.success(function (response) {$scope.categories = response.value;});
});
</script>
</body>
</html>
这段代码应该可以工作,如果没有的话,看看javascript控制台,无论你发现什么错误,都会给你一些关于哪里出错的想法。
<script>
var app = angular.module('myApp', []);
app.controller('systemCat', function($scope, $http) {
$http.get('http://localhost/Wcf/DataService/Report/ReportService.svc/SystemCategories?$format=json')
.success(function (data) {
console.log(data);
$scope.categories = data.value;
})
.error(function (data) {
console.log('error!');
});
});
</script>
相关文章:
- 如何使用WCF服务和javascript表单post上传.doc文件
- 用程序搜索JQuery数据表中的文本
- 要求输入在数据列表中
- 正在将数据主题添加到所有项目
- 函数参数中的数据与指定变量之间的任何性能差异
- 在VanillaJS中模拟模型双向数据绑定
- 如何从WCF返回的字符串访问JSON数据
- 在 WebApp 中配置启用 AJAX 的 WCF 服务以接收大型数据
- 如何在Win8MetroApp中使用javascript和html从WCF获取数据
- WCF服务JSON使用ASP.NET发布数据
- 过帐时更改oData条目中的属性.[WCF数据服务+EF+SQL expression]
- WCF REST服务返回JSONP,没有错误,但也没有数据
- 在AngularJS中使用Wcf数据服务
- 试图让JQuery Post与WCF通信,但JSON数据不被接受
- 如何在android中使用javascript从restful wcf web服务中检索数据
- 将Breeze(使用Angular)连接到现有的WCF数据服务
- Dropzone JS上传到WCF获取错误数据
- 如何分析 WCF 数据合约对象创建的 JSON
- 如何在javascript中使用wcf url中的JSON数据
- 从 WCF/ADO.NET 数据服务中的请求正文接收参数