zoukankan      html  css  js  c++  java
  • $resources

    安装

    ngResource模块是一个可选的angularjs模块,如果需要使用,我们要单独引用js

    <script type="text/javascript" src="/javascripts/angular-resource.js"></script>

    应用$resource

    我们并不是直接通过$resource服务本身同服务器通信,$resource是一个创建资源对象的工厂,用来创建同服务端交互的对象。

    var User = $resource('/api/users/:userId', {userId:'@id'});

    返回的User对象包含了同后端服务进行交互的方法,我们可以把User对象理解成同RESTFul的后端服务进行交互的接口。

    该对象包含两个get类型的方法已经三个非get类型的方法。

    User.get({id:'123'}, successFn, errorFn);

    该方法向url发送一个get请求,并期望一个json类型的响应。这里会向/api/users/123发送一个请求,successFn处理请求成功响应,errorFn处理错误。

    User.query(params, successFn, errorFn)

    同get()方法使用类似,一般用来请求多条数据。

    save(params, payload, successFn, errorFn);

    save方法会发起一个post请求,params参数用来填充url中变量,对象payload会作为请求体进行发送

    delete(params, payload, successFn,errorFn)

    delete方法一个DELETE请求,payload作为消息体进行发送

    remove(params, payload, successFn, errorFn)

    同delete类似,不同的是remove用来移除多条数据

    通过$resource生成的对象来同服务器进行交互的时候,我们看可以定义处理成功以及处理失败的函数,这些函数接受的参数不仅仅是简单的对象,而是经过包装之后的对象,会被添加$save(), $remove(), $delete三个方法,可以直接调用这三个方法来后服务端进行交互。

    User.get({id:'123'}, function(user){
      user.name = 'changeAnotherName';
      user.$save();
      //这里等价于User.save({id:'123'},{name:'changeAnotherName'})
    });
    

    扩展$resource

    $resource对常见的五种请求进行封装,我们还可以对$resource进行扩展。

    这里要扩展$resource我们需要传入第三个参数,该参数是一个对象。

    $resource('/api/users',{},{
      sendEmail:{
        method:'',
        url:'',
        params:{},
        isArray:boolean,
        transformRequest:函数或者函数数组
        transformResponse:函数或者函数数组
        cache:布尔型或缓存对象
        timeout:数值或promise对象
        withCredentials:布尔类型
        responseType:字符串,用来设置XMLHttpRequestResponseType属性
      }
    })
    

    我们也可以将$resource服务当做自定义服务的基础。

    angular.module('testApp', ['ngResource']),factory('UserService',['$resource', function($resource){
      return $resource(url,{},{});
    }]);

    .

  • 相关阅读:
    Find the Smallest K Elements in an Array
    Count of Smaller Number
    Number of Inversion Couple
    Delete False Elements
    Sort Array
    Tree Diameter
    Segment Tree Implementation
    Java Programming Mock Tests
    zz Morris Traversal方法遍历二叉树(非递归,不用栈,O(1)空间)
    Algorithm about SubArrays & SubStrings
  • 原文地址:https://www.cnblogs.com/crazycode2/p/6455816.html
Copyright © 2011-2022 走看看