[Angularjs]asp.net mvc+angularjs+web api单页应用详解

发布时间：2020-12-17 10:36:20 所属栏目：安全来源：网络整理

导读：写在前面项目结构 app = angular.module('app_store',['ngRoute','StoreService' span style="color: #008000;"// span style="color: #008000;"服务 span style="color: #0000ff;"var StoreService = angular.module('StoreService'span style="color: #00

写在前面

项目结构

app = angular.module('app_store',['ngRoute','StoreService'//服务
var StoreService = angular.module('StoreService',[]);
//请求服务
StoreService.factory('requestService',function ($http,$q) {
var request = {
method: 'POST',url: '',headers: { 'Content-Type': 'application/json' },data: {}
};
var postData = {
lists: function (type) {
request.method = "get";
request.url = "../api/order/lists/" + type + "";
return requestService($http,$q,request);
},submit_product: function (data) {
request.method = "post";
request.url = "../api/order";
request.data = data;
return requestService($http,request);
}
};
return postData;
});
function requestService($http,request) {
var deferred = $q.defer(); // 声明延后执行，表示要去监控后面的执行
 $http(request).
success(function (data,status,headers,config) {
deferred.resolve(data); // 声明执行成功，即http请求数据成功，可以返回数据了
 }).
error(function (data,config) {

    deferred.reject(data);   </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt; 声明执行失败，即服务器返回错误  </span>

});
return deferred.promise; // 返回承诺，这里并不是最终数据，而是访问最终数据的API
};

一个例子

app.controller('StoreController','StoreController' (!= "飞机" (data._code === 200=

app.config(['$routeProvider','/',{ templateUrl: '../Scripts/Views/OrderList.html',controller: 'StoreController''/error',{ templateUrl: '../Scripts/Views/Error.html',controller: 'ErrorController''/error'

< {{item.Name}} 单价：{{item.Price}}

</div>

namespace Wolfy.MvsSinglePage.Controllers
{
public class StoreController : Controller
{
// GET: Store
public ActionResult Index()
{
return View();
}
}
}

namespace Wolfy.MvsSinglePage.Controllers.api
{
public class OrderController : ApiController
{
// GET: api/Order
 [HttpGet]
[Route("api/order/lists/{key?}")]
public async Task Get(string key)
{
return await Task.Run(() =>
{
HttpResponseMessage response = new HttpResponseMessage(HttpStatusCode.Accepted);
List lst = new List() {
new Order(){ Id=Guid.NewGuid(),Dt=DateTime.Now,Name="飞机",Price=2222222},new Order(){ Id=Guid.NewGuid(),Name="飞机2",Name="飞机3",Name="飞机4",Name="飞机5",Name="飞机6",};
var results = string.IsNullOrEmpty(key) ? lst : lst.Where(x => x.Name.Contains(key));
response = new HttpResponseMessage(HttpStatusCode.OK)
{
Content = new StringContent(JsonConvert.SerializeObject(new { _code = 200,_data = results }))
};
return response;
});
}
}
}

总结

Demo Url:?

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!