织梦如何做二级网站,营销型网站建设指导原则,做网络推广选择哪个网站好,wordpress 页面布局ASP.NET Web API如何接受来自AngualrJS的QueryString呢#xff1f;本篇体验两种方式。 第一种方式#xff1a;http://localhost:49705/api/products?searchGDN 这种方式是QueryString原生的格式。 首先#xff0c;把当前的域名和端口号放到一个自定义的module中去。 1 (fun… ASP.NET Web API如何接受来自AngualrJS的QueryString呢本篇体验两种方式。 第一种方式http://localhost:49705/api/products?searchGDN 这种方式是QueryString原生的格式。 首先把当前的域名和端口号放到一个自定义的module中去。 1 (function () {
2 use strict;
3
4 angular.module(custommodule, [ngResource])
5 .constant(appSettings, {
6 serverPath: http://localhost:49705/
7 });
8 }()); 以上依赖ngResource这个module这个module在angular-resource.js文件中注意需要引用该文件。 接着通过factory的方式为custommodule创建一个自定义service。 (function () {use strict;//通过工厂的方式创建了一个服务angular.module(custommodule).factory(productResource, [$resource, appSettings, productResouce]);function productResouce($resource, appSettings) {return $resource(appSettings.serverPath /api/products);}
}()); 以上productResource这个服务返回的是经$resource封装的完整的API请求路径。 现在某个controller需要使用productResource这个服务。 (function () {use strict;angular.module(productManagement).controller(ProductListCtrl,ProductListCtrl);function ProductListCtrl(productResource) {var vm this;vm.searchCriteria GDN;productResource.query({search: vm.searchCriteria},function (data) {vm.products data;});}
}()); 以上从前端传来名称为search的QueryString。 后端ASP.NET Web API中action方法的形参名称必须也是search。 public IEnumerableProduct Get(string search)
{var productRepository new ProductRepository();var products productRepository.Retrieve();return products.Where(p p.ProductCode.Contains(search));
} WebApiConfig类对应的设置为 config.Routes.MapHttpRoute(name: DefaultApi,routeTemplate: api/{controller}/{id},defaults: new { id RouteParameter.Optional }
); 此时前端是以http://localhost:49705/api/products?searchGDN这种方式请求数据的。 如果我们想以http://localhost:49705/api/products/GDN这种方式请求数据呢 第二种方式http://localhost:49705/api/products/GDN 这种方式需要做一些路由设置。 需要让AngularJS知道在products/后面的这个位置传的值是赋值给search这个QueryString的。 也要让ASP.NET Web API知道当读取products/后面的这个值后是要赋值给路由中的search这个变量的。 如何让AngularJS的路由符合格式呢 function productResouce($resource, appSettings) {return $resource(appSettings.serverPath /api/products/:search);
} 如何让ASP.NET Web API的路由同AngualrJS对应起来呢 首先要在路由中允许有search这个QueryString。 config.Routes.MapHttpRoute(name: DefaultApi,routeTemplate: api/{controller}/{search},defaults: new { search RouteParameter.Optional }
); 然后在Action方法中接受search这个QueryString。 public IEnumerableProduct Get(string search)
{var productRepository new ProductRepository();var products productRepository.Retrieve();return products.Where(p p.ProductCode.Contains(search));
} 这时候前端是以http://localhost:49705/api/products/GDN这种方式请求的。 总结 ● 如果是想获取默认情况下的QueryString只需要保证前后段的查询变量一致就好了比如这里的search● 如果想获取/等自定义格式下的QueryString,前端AngualrJS需要以类似/api/products/:search这样的方式定义路由后端ASP.NET Web API中也需要把search作为路由中的一个变量在config.Routes.MapHttpRoute方法中设置 转载于:https://www.cnblogs.com/darrenji/p/4916284.html
