AngularJS实现与服务器的交互共享
真正的应用程序需要与真正的服务器交互,移动应用程序和新的Chrome桌面应用程序可能是一个例外,但对于所有应用程序,无论是将持久性数据放在云中,还是需要与其他用户进行实时交互,都允许应用程序与服务器交互。为了实现这一目标,角提供的服务被称为http.it美元提供了抽象的方法,使它更容易与服务器进行交互的一个可扩展的列表。它支持HTTP,JSONP,和连续的方法。它也包含安全支持避免JSON格式的漏洞和XSRF。它可以让你轻松转换要求响应数据甚至实现简单的缓存。
例如,我们将让购物网站从服务器获取信息,而不是从内存中获取虚假数据。如何编写服务器端代码已经超出了本书的范围。因此,让我们假设,例如,我们已经创建了一个服务器。当查询/产品路径时,它将返回一个JSON格式的商品列表。
返回的响应示例如下:
{
{
id:0,
标题:油漆盆
说明:装满颜料的罐子
价格:3.95
},
{
id:1,
标题:圆点
说明:圆点与波尔卡槽
价格:12.95
},
{
id:2,
标题:鹅卵石
描述:只是小岩石,真的
价格:6.95
}
…等...
}
我们可以编写查询代码如下:
功能shoppingcontroller($美元范围,HTTP){
http.get美元(产品),成功(功能(数据、状态、标题、配置){
scope.items美元=数据;
});
}
然后在模板中使用它。
店!
{项目名称} }
{项目}描述}
{ { } } | item.price货币
正如我们前面提到的,从长远来看,让服务与服务器交互对我们有好处。此服务可以由多个控制器共享。