龙空技术网

AngularJs与服务器交互利用$http进行通信

行家汇 283

前言:

现在小伙伴们对“angular发送ajax请求数据”大概比较讲究,同学们都需要知道一些“angular发送ajax请求数据”的相关知识。那么小编同时在网络上汇集了一些对于“angular发送ajax请求数据””的相关知识,希望兄弟们能喜欢,朋友们快快来了解一下吧!

对于AJAX应用(使用XMLHttpRequest)来说,向服务器发起请求的传统方式是:获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码,最后处理服务端的响应。整个过程示例如下:

对于简单、常用而且会经常重复的任务来说,这是一种很烦琐的工作。如果你想复用以上过程,你应该进行封装或者使用代码库AngularJS XHR API遵守一种通常被称为Promise的接口。由于XHR是异步调用的方法,所以服务端的响应会在未来某个不确定的时间点上返回(我们希望它立即能返回)。Promise接口规定了处理这种响应的方式,并且允许Promise的使用者以一种可预见的方式来使用它。

例如,我们要从服务端获取一个用户的信息,假设用来接受请求的后台接口位于/api/user路径上,此接口可以接受一个id属性作为URL参数,那么使用Angular的核心$http服务发起XHR请求的方法示例如下:

如果你是jQuery使用者,你应该会发现,AngularJS和jQuery在对异步请求的处理方面非常类似。上面例子中使用的$http.get方法是AngularJS的核心服务$http所提供的众多快捷方法之一。类似地,如果你想使用AngularJS向同一个URL发送POST请求,同时带上一些POST数据,你可以像下面这样做:

对于大多数常用的请求类型,都有类似的快捷方法,这些请求类型包括:GET、HEAD、POST、DELETE、PUT、JSONP

标签: #angular发送ajax请求数据 #angular的ajax请求 #js如何与数据库交互 #angluarajax实例 #angularjs调用jquery