/*$http常用的几个参数
$http服务的设置对象:
1、method 字符串 表示发送的请求类型 get post jsonp等等
2、url 字符串 绝对或者相对的URL,请求的目标
3、params 字符串或对象 会被转化成查询字符串加到URL后面,如果不是字符串会被JSON序列化
4、data 字符串或者对象 这个对象包含了被当做消息体发送给服务器的数据,一般在POST请求中使用,并且从angular1.3开始可以在POST请求里发送二进制数据
如var blob = new Blob({name:’张三’}); $http({method:’get’,url:’/‘,data:blob});
5、headers 对象 在我们做POST跨域和后台配合的时候就用到了headers,其代表随请求发送的HTTP头字符串
6、cache 布尔或缓存对象 如果设置为true angularjs会用默认的$http缓存对GET请求进行缓存
7、timout 数值或者promise对象,如果为数值那么请求会在指定的毫秒后结束(会跳到失败的error方法里) ,如果为对象那么promise对象在被resolve时请求会被中止,方法执行完毕再执行请求
8、xsrfHeaderName 字符串 保存XSFR令牌的HTTP头的名称
9、xsrfCookieName 字符串 保存XSFR令牌的cookie的名称
10、transformRequest 函数或函数组 用来对HTTP请求头和体信息进行转换,并返回转化后的版本,通常用于在请求发送给服务器之前对其序列化
11、transformResponse 函数或函数组 用来HTTP响应头和响应体信息进行转换,并返回转化后的版本,通常用来反序列化
12、responseType 字符串 该选项会在请求中设置XMLHttpResponseType属性有以下类型: “”字符串默认,”arraybuffer”(arraybuffer),”blob”(blob对象),“document”(HTTP文档),”json“(从JSON对象解析出来的json字符串),”text“(字符串),”moz-blob“(Firefox的接收进度事件),”moz-chunked-text“(文本流),”moz-chunked-arraybuffer”(arraybuffer流) $http服务的快捷方法
$http提供了一些快捷方法让我们使用,一共有六个(其实是六种请求模式)
1、$http.get(url字符串,config可选的配置-对象类型) 返回HttpPromise对象
2、$http.delete(url字符串,config可选的配置-对象类型) 返回HttpPromise对象
3、$http.head(url字符串,config可选的配置-对象类型) 返回HttpPromise对象
4、$http.jsonp(url字符串,config可选的配置-对象类型) 返回HttpPromise对象
5、$http.post(url字符串,data对象或字符串,config可选的配置-对象类型) 返回HttpPromise对象
6、$http.put(url字符串,data对象或字符串,config可选的配置-对象类型) 返回HttpPromise对象 */

$http常用的几个参数

// 1、$http请求方式
/**
* 请求参数说明:
*url:url, //请求的url路径
*method:method, //GET/DELETE/HEAD/JSONP/POST/PUT
*params:params , //转为 ?param1=xx1¶m2=xx2的形式
*data: data //包含了将被当做消息体发送给服务器的数据,通常在POST请求时使用
*/ $http({
url:url, //请求的url路径
method:method, //GET/DELETE/HEAD/JSONP/POST/PUT
params:params , //转为 ?param1=xx1¶m2=xx2的形式
data: data //包含了将被当做消息体发送给服务器的数据,通常在POST请求时使用
}).success(function(response, status, header, config, statusText){
//成功处理 // response --- 响应体,即:要请求的数据
// status --- HTTP状态码
// header --- 头信息
// config --- 用来生成原始请求的完整设置对象
// statusText --- 相应的HTTP状态文本 }).error(function(data,header,config,status){
//错误处理
});

1、$http请求方式

// 2、GET方式
// $http---get请求方式--- params参数会转为 ?param1=xx1¶m2=xx2的形式
$http({
url:"/doc.json",
method:'GET',
params:{
'username':'admin'
}
}).success(function (response, status, headers, config) {
/*成功信息*/
}).error(function (response) {
/*失败信息*/
});
//快捷请求:
$http.get(url, [config])
.success(function(data){})
.error(function(data){});

2、GET方式

// 3、POST方式
$http({method : 'POST',params : { id:1}, data:{name:'admin',age:1}, url : "/doc"})
.success(function(response, status, headers, config){
/*成功信息*/
})
.error(function(response, status, headers, config){
/*失败信息*/
}); // 快捷方式:
$http.post(url, $scope.formData).success(function (response, status, headers, config) {
/*成功信息*/
}).error(function (response) {
/*失败信息*/
});

3、POST方式

   // 4、发送jsonp请求:
// 为了发送JSONP请求,url中必须包含JSON_CALLBACK参数, jsonp(url,config) 其中config是可选的
// eg:
var promise=$http.jsonp("/api/users.json?callback=JSON_CALLBACK");

4、发送jsonp请求

// 5、$http提交表单  --- 与Spring MVC交互, 使用这种方式
// 通用方式:
$http({
method: "POST",
url: url,
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
data: $.param($scope.request)
}).success(function(result){ }).error(function(result){
}); // 快捷方式:
$http.post(url, $scope.formData)
.success(function(result){
})
.error(function(result){
});

5、$http提交表单

  // 6、使用$http指定的方法发送HTTP请求:
get(url, [config]);
delete(url, [config]);
post(url, data, [config]);
put(url, data, [config]);

6、使用$http指定的方法发送HTTP请求

angularjs的$http请求方式的更多相关文章

  1. AngularJS使用OData请求ASP.NET Web API资源的思路

    本篇整理AngularJS使用OData请求ASP.NET Web API资源的思路. 首先给ASP.NET Web API插上OData的翅膀,通过NuGet安装OData. 然后,给control ...

  2. Angular与PHP之间的不同的请求方式(post/get)导致的传参问题

    angularJS的$http发送POST请求,PHP无法接受数据的问题 使用jQuery进行ajax请求 $.ajax({ type: 'POST', url:'url.php', data: da ...

  3. 限制action所接受的请求方式或请求参数

    原文:http://www.cnblogs.com/liukemng/p/3726897.html 2.限制action所接受的请求方式(get或post): 之前我们在HelloWorldContr ...

  4. Android——JDK的get请求方式

    layout文件: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:an ...

  5. 第二节(RequestMapping请求方式)学习尚硅谷-springmvc视频教程

    项目中,创建测试类SpringMVCTest @Controller @RequestMapping("/springmvc1") public class SpringMVCTe ...

  6. jQuery中ajax的4种常用请求方式

    jQuery中ajax的4种常用请求方式: 1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数 ...

  7. js中同步与异步请求方式

    异步请求方式: $.ajax({ url : 'your url', data:{name:value}, cache : false, async : true, type : "POST ...

  8. WEB API 中HTTP的get、post、put,delete 请求方式

    一.WEB API 中HTTP 请求方式的四个主要方法 (GET, PUT, POST, DELETE), 按照下列方式映射为 CURD 操作: 1.POST 用于新建资源,服务端在指定的URI 上创 ...

  9. Ajax中的get和post两种请求方式的异同

    Ajax中我们经常用到get和post请求.那么什么时候用get请求,什么时候用post方式请求呢? 在做回答前我们首先要了解get和post的区别.   1. get是把参数数据队列加到提交表单的A ...

随机推荐

  1. spring框架学习笔记2:配置详解

    简单写一个类做示例: package bean; public class User { private String name; private Integer age; public String ...

  2. Nginx的安装与部署

    1:安装工具包 wget.vim和gcc yum install -y wget yum install -y vim-enhanced yum install -y make cmake gcc g ...

  3. Typescript 学习笔记一:介绍、安装、编译

    前言 整理了一下 Typescript 的学习笔记,方便后期遗忘某个知识点的时候,快速回忆. 为了避免凌乱,用 gitbook 结合 marketdown 整理的. github地址是:ts-gitb ...

  4. Java language

    1.Java开发环境: java编译运行过程: 1. 编译期:.java源文件,经过编译,生成.class字节码文件 2. 运行期:JVM加载.class并运行.class - 特点:跨平台.一次编程 ...

  5. POJ 2895

    #include <iostream> #include <string> #define MAXN 27 using namespace std; short map[MAX ...

  6. UFLDL 教程学习笔记(一)神经网络

    UFLDL(Unsupervised Feature Learning and Deep Learning)Tutorial 是由 Stanford 大学的 Andrew Ng 教授及其团队编写的一套 ...

  7. Ubuntu 16.04 截图快捷键

    一.查看 "截图" 快捷键 打开 "系统设置",点击 "硬件" 下的 "键盘",然后点击 "快捷键" ...

  8. Eureka核心知识点

    一.Eureka特性1.当注册中心挂了,客户端之间依然可以通过原有的注册表进行调用:注册中心重启后,客户端会继续注册进来 2.当服务提供者挂了,在关闭自我保护的情况下,注册中心在规定时间(默认是60s ...

  9. 读vue-0.6-utils.js源码

    typeOf typeOf: function (obj) { return toString.call(obj).slice(8, -1) } 每个对象都有一个 toString() 方法,当对象被 ...

  10. MRTG在Windows平台的安装及使用

    MRTG (Multi Router Traffic Grapher)是一款监控网络流量负载的免费软件,目前利用MRTG已经开发出了各式各样的统计系统: 1.系统资源负载统计,例如:磁盘空间.CPU负 ...