`

angularjs的$http请求(REST API)

 
阅读更多

http请求就是指从客户端到服务器端的请求消息。

比如我们在用angularjs做前端框架,向后端发送请求获得返回值。

我们可以在service里写$http请求。

angularjs中的$http数据存储请求大致有以下几种:

post请求:

post请求的格式是:  post( url, data, [config] );   //主要用来创建对象和角色



 

$http.post(url,data,Headers)
            .success(function(result) {
                console.log("success:"+result)
            }).error(function(err) {
                console.log('err:'+err)
            })

 get请求:

get请求的格式: get( url, [config] ); //主要用来获取元素

$http.get(url,Headers)
            .success(function(result) {
               
            }).error(function(err) {
                console.log("err:"+err)
            })

 put请求:

put请求的格式是: put( url, data, [config] );  //主要用来更新数据;

 $http.put(url,data,Headers)
            .success(function(result) {
                console.log('updatesuccess:')
            }).error(function(err) {
                console.log('err:'+err)
            })

 delete请求:

delete请求的格式是: delete( url, data, [config] );  //主要用来删除数据;

 $http.delete(url,Headers)
            .success(function(result) {
                console.log("deletesuccess:")
            }).error(function(err) {
                console.log("err:"+err)
            })

 具体的url需要再去了解..........

 

  • 大小: 22.9 KB
分享到:
评论

相关推荐

    使用AngularJs ASP.NET MVC Web API EF构建一个多层SPA的例子

    8. **AJAX通信**:使用AngularJS的$http服务或$resource服务与Web API进行异步通信。 9. **安全和身份验证**:集成ASP.NET Identity系统,实现用户注册、登录和授权,确保SPA的安全性。 10. **测试和优化**:进行...

    simpleAngularRestService:用于 AngularJS 的简单 REST API 服务

    用于 AngularJS 的简单 REST API 服务 这是我为我的一个学校项目 ( ) 制作的 AngularJS 服务。 我这样做是因为在 Angular JS 中没有调用 REST API 的“简单”方法(我的意思是简单地调用一个函数),而其他解决方案...

    详解AngularJs中$resource和restfu服务端数据交互

    总结起来,AngularJS的$resource模块提供了一种面向对象的方式处理RESTful API,简化了客户端与服务器的数据交互。通过配置和扩展,可以定制各种HTTP操作,使其更符合项目需求。理解并熟练使用$resource,能极大地...

    Restangular:AngularJS 服务处理 Rest API Restful Resources-开源

    Restangular 是一种 AngularJS 服务,它使用最少的客户端代码简化常见的 GET、POST、DELETE 和 UPDATE 请求。 它非常适合任何使用来自 RESTful API 的数据的 WebApp。 注意 此版本的 Restangular 仅支持 Angular 1。...

    AngularJS和REST API-第2部分

    在本教程中,我们将学习如何使用AngularJS的$http服务来与REST API进行交互,实现数据的获取和发送。$http服务允许我们发送HTTP请求,如GET、POST、PUT和DELETE,从而轻松地与服务器进行通信。 REST API通常基于...

    AngularJS和REST API:第3部分

    1. **$http 服务**:AngularJS 提供的内置服务,用于执行HTTP请求。例如,使用GET方法获取数据: ```javascript $http.get('http://api.example.com/data').then(function(response) { // 处理响应数据 }); ```...

    SpringMVC+REST+AngularJS框架

    4. **服务**:提供如$http服务,用于与服务器进行数据交互。 5. **路由**:管理页面间的导航和状态,如`ngRoute`或`ui-router`。 **整合SpringMVC+REST+AngularJS** 将这三个技术结合,可以创建一个前后端分离的...

    lightmine.js:具有响应式界面的基于 AngularJS 的 Redmine REST API 客户端

    lightmine.js 带有响应式界面的基于 AngularJS 的 Redmine REST API 客户端。先决条件针对 Redmine 1.4.4 进行了测试(随 debian 7 一起提供)。CORS Redmine 不支持正确处理跨源资源共享 ( )。 因此,使用现代 Web ...

    sinatra-angularjs:带有Sinatra REST API的Angularjs的基本示例

    AngularJS的`$http`服务可以方便地发起GET、POST、PUT和DELETE请求。例如,获取用户数据的代码可能如下: ```javascript app.controller('userDataCtrl', function($scope, $http) { $http.get('/users/1').then...

    ng-rested:用于管理rest api http请求的angularjs模块

    `ng-rested` 是一个专门为 AngularJS 设计的模块,旨在简化 REST API 的 HTTP 请求管理。它提供了一种优雅的方式,帮助开发者处理与后端服务之间的数据交互,使应用的开发更加高效、简洁。在 JavaScript 开发环境中...

    PhoneBook:Spring Rest API,AngularJS

    1. **API调用**:AngularJS的`$http`服务用于与后端的Spring Rest API通信,发起HTTP请求获取或更新数据。 2. **数据绑定**:在AngularJS的视图中,我们可以直接引用后端返回的数据,它们会被自动更新。 3. **错误...

    luis.spike.angularjs:ASP.NET Web API AngularJS

    5. **客户端-服务器交互**: 在这个项目中,AngularJS作为客户端,通过HTTP请求与ASP.NET Web API服务器进行交互,获取和发送数据。这是现代Web应用常见的架构模式,也称为前后端分离。 6. **MVC模式**: ASP.NET Web...

    FireTree-ngWordPress:用于从 WP REST API 检索数据的 AngularJS 工厂

    - HTTP 请求库:如 AngularJS 的 `$http` 服务,用于发起 HTTP 请求,获取 REST API 数据。 - 跨域资源共享(CORS):在使用 REST API 时,可能涉及跨域请求,需要服务器支持 CORS 设置。 - 数据处理:获取数据后,...

    angularjs 实现mysql数据库的增删改查demo 后台使用java.zip

    - **RESTful API**:设计符合REST原则的接口,以JSON格式交换数据,与AngularJS的$http服务完美对接。 **4. CRUD操作实现** - **创建(Create)**:AngularJS发送POST请求,将新建的数据发送到后端,后端接收并执行...

    AngularJS入门教程之REST和定制服务详解

    有了这个客户端我们可以用一种更简单的方式来发送XHR请求,而不用去关心更底层的$http服务(API、HTTP方法和URL)。 步骤9和步骤10之间最重要的不同在下面列出。你可以在GitHub里看到完整的差别。 模板 定制的服务被...

    AngularJS后端解决方案:具有简单REST API的ng-grid

    3. **连接REST API**:在服务中,使用$http或$resource模块发起GET、POST、PUT和DELETE请求,与后端接口对接。 4. **响应处理**:当后端响应时,更新ng-grid的数据源,确保视图的实时更新。 5. **错误处理**:添加...

    angularjs 实现增删改查

    1. **HTTP请求**:AngularJS的`$http`服务用于向后端发送GET、POST、PUT、DELETE等HTTP请求,对应CRUD操作。 2. **RESTful API**:后端应提供符合REST(Representational State Transfer)原则的API,如`/api/users...

    如何使用AngularJs打造权限管理系统【简易型】

    后端服务采用*** Web API来实现RESTful服务,AngularJS通过HTTP服务请求Web API来获取数据。在后端,核心业务逻辑主要集中在应用层。后端服务主要利用了Castle Windsor来实现依赖注入,保证了代码的模块化和易于维护...

    my-open-beer-angular:具有 API Rest 访问权限的 Angular 项目

    AngularJS 在实现与 REST API 的交互时,通常使用 $http 或 $resource 服务。$http 是一个基础服务,可以直接发送 HTTP 请求。$resource 是 AngularJS 提供的一个高级服务,它封装了 $http,简化了与 REST API 的...

    angular-github-api-factory:AngularJS Factory for GitHub v3 JSON REST API请求

    angular-github-api-factory是带有github API工厂的angularjs模块。 作者:乔纳森·( ) 用法 通过 , 或下载的文件安装: bower install --save angular-github-api-factory npm install --save angular-github...

Global site tag (gtag.js) - Google Analytics