AngularJS与服务端的交互
2014-09-27 16:29
197 查看
最近开始学习angularjs,自己做了在VS2012下AngularJS与服务端的交互的小测试。
1.MVC控制器 代码
T_AdminUser admin = new T_AdminUser();
Model1Container model1contatiner = new Model1Container();
public JsonResult Test()
{
List<T_AdminUser> list_admin = new List<T_AdminUser>();
list_admin = model1contatiner.T_AdminUser.ToList();
JsonResult json = new JsonResult();
json.Data = list_admin;
return Json(json);
}
2.controller.js代码
function ShoppingController($scope, $http) {
$http.post('/Home/Test').success(function (data, status, headers, config) { //注意这里是post提交,若是get会报错
$scope.messages = data.Data;
}
).error(function (data, status, headers, config) {
$(".msg2").html(data);
});
}
3.Index.html部分代码
<div ng-controller="ShoppingController">
<div ng-repeat="msg in messages">
<div>{{msg.ID}}</div>
<div>{{msg.Name}}</div>
</div>
</div>
1.MVC控制器 代码
T_AdminUser admin = new T_AdminUser();
Model1Container model1contatiner = new Model1Container();
public JsonResult Test()
{
List<T_AdminUser> list_admin = new List<T_AdminUser>();
list_admin = model1contatiner.T_AdminUser.ToList();
JsonResult json = new JsonResult();
json.Data = list_admin;
return Json(json);
}
2.controller.js代码
function ShoppingController($scope, $http) {
$http.post('/Home/Test').success(function (data, status, headers, config) { //注意这里是post提交,若是get会报错
$scope.messages = data.Data;
}
).error(function (data, status, headers, config) {
$(".msg2").html(data);
});
}
3.Index.html部分代码
<div ng-controller="ShoppingController">
<div ng-repeat="msg in messages">
<div>{{msg.ID}}</div>
<div>{{msg.Name}}</div>
</div>
</div>
相关文章推荐
- AngularJS使用$http配置对象方式与服务端交互方法
- angularJS怎么实现与服务端的PHP进行数据交互
- 使用AngularJS的$http服务与服务端进行数据交互
- AngularJS使用$http配置对象方式与服务端交互
- 详解AngularJs中$resource和restfu服务端数据交互
- 如何在EJB/RMI中客户端与服务端并发计算,同时保持交互?
- Ext2.0 与服务端XML的交互(扩展Ext.data.XmlReader )
- AngularJS学习(九) $resource服务 前后台交互ajax
- PhotonServer客户端和服务端的交互图解:
- SeesionId ,Token以及公私钥,服务端与客户端自己的交互
- 解决安卓与服务端交互乱码问题
- AngularJs-指令和指令之间的交互(动感超人)
- 关于Chrome扩展程序开发 popup.html页面通过jsonp的方式与服务端交互问题
- Android客户端采用Http 协议Post方式请求与服务端进行数据交互
- AngularJS中的$resource使用与Restful资源交互
- angularJS-指令与控制器之间的交互--“鼠标经过事件”如图所示
- 深究AngularJS(4)——Directive和Scope数据隔离与交互
- Ext4核心组件Grid的变化及学习(4):grid与服务端使用direct进行数据交互
- Android客户端采用Http 协议Post方式请求与服务端进行数据交互