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货币










正如我们前面提到的,从长远来看,让服务与服务器交互对我们有好处。此服务可以由多个控制器共享。