angularjs的$http请求方式
/*$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请求方式的更多相关文章
- AngularJS使用OData请求ASP.NET Web API资源的思路
本篇整理AngularJS使用OData请求ASP.NET Web API资源的思路. 首先给ASP.NET Web API插上OData的翅膀,通过NuGet安装OData. 然后,给control ...
- Angular与PHP之间的不同的请求方式(post/get)导致的传参问题
angularJS的$http发送POST请求,PHP无法接受数据的问题 使用jQuery进行ajax请求 $.ajax({ type: 'POST', url:'url.php', data: da ...
- 限制action所接受的请求方式或请求参数
原文:http://www.cnblogs.com/liukemng/p/3726897.html 2.限制action所接受的请求方式(get或post): 之前我们在HelloWorldContr ...
- Android——JDK的get请求方式
layout文件: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:an ...
- 第二节(RequestMapping请求方式)学习尚硅谷-springmvc视频教程
项目中,创建测试类SpringMVCTest @Controller @RequestMapping("/springmvc1") public class SpringMVCTe ...
- jQuery中ajax的4种常用请求方式
jQuery中ajax的4种常用请求方式: 1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数 ...
- js中同步与异步请求方式
异步请求方式: $.ajax({ url : 'your url', data:{name:value}, cache : false, async : true, type : "POST ...
- WEB API 中HTTP的get、post、put,delete 请求方式
一.WEB API 中HTTP 请求方式的四个主要方法 (GET, PUT, POST, DELETE), 按照下列方式映射为 CURD 操作: 1.POST 用于新建资源,服务端在指定的URI 上创 ...
- Ajax中的get和post两种请求方式的异同
Ajax中我们经常用到get和post请求.那么什么时候用get请求,什么时候用post方式请求呢? 在做回答前我们首先要了解get和post的区别. 1. get是把参数数据队列加到提交表单的A ...
随机推荐
- [Swift]正则表达式工具类
正则表达式工具类 import Foundation //基于NSRegularExpression api 的正则处理工具类 public struct Regex { private let re ...
- Springboot中读取.yml文件
自定义配置文件application-dev.yml spring: dataresource: druid: driver-class-name: com.mysql.jdbc.Driver url ...
- Django model select的各种用法详解
<Django model update的各种用法介绍>文章介绍了Django model的各种update操作,这篇文章就是她的姊妹篇,详细介绍Django model select的用 ...
- 深入浅出分析MySQL MyISAM与INNODB索引原理、优缺点分析
本文浅显的分析了MySQL索引的原理及针对主程面试的一些问题,对各种资料进行了分析总结,分享给大家,希望祝大家早上走上属于自己的"成金之路". 学习知识最好的方式是带着问题去研究所 ...
- RocketMQ 集群监控以及Hello World
RocketMQ 目前有两个版本 alibaba版本和apache版本 一.alibaba版本 tomcat部署: apache-tomcat-7.0.90.tar.gz jdk7 虚拟机redha ...
- 交换路由中期测验20181226(动态路由配置与重分发、NAT转换、ACL访问控制列表)
测试拓扑: 接口配置信息 HostName 接口 IP地址 网关 Server 0 Fa0 172.16.15.1/24 172.16.15.254 Server 1 Fa0 100.2.15.200 ...
- Django集成OpenLDAP认证
本文详细介绍了django-auth-ldap的使用方法,参数含义,并提供了示例代码 版本说明 Django==2.2 django-auth-ldap==1.7.0 集成过程 Django集成LDA ...
- 自己动手实现java数据结构(四)双端队列
1.双端队列介绍 在介绍双端队列之前,我们需要先介绍队列的概念.和栈相对应,在许多算法设计中,需要一种"先进先出(First Input First Output)"的数据结构,因 ...
- JS 从斐波那契数列浅谈递归
一.前言 昨晚下班后,经理出于兴趣给我们技术组讲了讲算法相关的东西,全程一脸懵逼的听,中途还给我们出了一道比较有趣的爬楼问题,问题如下: 假设一个人从地面开始爬楼梯,规定一步只能爬一坎或者两坎,人只能 ...
- spring-boot-2.0.3之redis缓存实现,不是你想的那样哦!
前言 开心一刻 小白问小明:“你前面有一个5米深的坑,里面没有水,如果你跳进去后该怎样出来了?”小明:“躺着出来呗,还能怎么出来?”小白:“为什么躺着出来?”小明:“5米深的坑,还没有水,跳下去不死就 ...