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/PUTparams: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请求
更多专业前端知识,请上 【猿2048】www.mk2048.com
angularjs的$http请求方式相关推荐
- Http post 常用的四种请求方式
2019独角兽企业重金招聘Python工程师标准>>> http1.1协议规定http 的请求方式有OPTIONS.GET.HEAD.POST.PUT.DELETE.TRACE.CO ...
- unity3d 切换网络_Unity3d新网络请求方式UnityWebRequest详解
Unity将要逐步放弃www网络请求api,新的api请求方式来临:UnityWebRequestThe,也正是本篇文章要给大家介绍的重点,那就是UnityWebRequestThe的使用详解. 旧的 ...
- android 请求方式有哪些,Android中的几种网络请求方式详解
Android应用经常会和服务器端交互,这就需要手机客户端发送网络请求,下面整理四种常用网络请求方式. java.net包中的HttpURLConnection类 Get方式: // Get方式请求 ...
- php 请求方式,PHP发起HTTP请求有哪几种方式?
PHP发起HTTP请求方式有:1.通过[file_get_contents]发送get请求:2.通过[CURL]发送get请求:3.通过[fsocket]发送get请求. PHP发起HTTP请求方式有 ...
- 轻松搞定Retrofit不同网络请求方式的请求参数配置,及常用注解使用
<一>四种请求方式: GET 向服务器发起数据请求,获取信息.类似于数据库的select操作,只是查询,不会影响资源的内容. POST 向服务器发送数据,该请求会改变数据的种类等资源.类似 ...
- 以ajax请求方式进行文件下载操作失败的原因及解决方案
以ajax请求方式进行文件下载操作失败的原因及解决方案 参考文章: (1)以ajax请求方式进行文件下载操作失败的原因及解决方案 (2)https://www.cnblogs.com/sjshare/ ...
- SpringCloud中Feign服务调用请求方式及参数总结
前言 最近做微服务架构的项目,在用feign来进行服务间的调用.在互调的过程中,难免出现问题,根据错误总结了一下,主要是请求方式的错误和接参数的错误造成的.在此进行一下总结记录.以下通过分为三种情况说 ...
- jQuery中ajax的4种常用请求方式
jQuery中ajax的4种常用请求方式:1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信 ...
- SpringMVC总结三:请求Controller返回视图类型以及请求方式、参数介绍
视图解析,请求Controller返回的视图类型: @Controller @RequestMapping("/test") public class TestController ...
最新文章
- javascript 循环语句 while、do-while、for-in、for用法区别
- 【LeetCode 剑指offer刷题】字符串题6:67 把字符串转成整数
- Known Notation 39届亚洲赛牡丹江站K题
- [恢]hdu 1279
- python多线程编程_Python 多线程编程
- java phaser用法_第3章Phaser的使用-(java并发编程核心方法与框架)
- js中立即执行函数会预编译吗_JavaScript预编译过程
- Java服务,内存OOM问题如何快速定位?
- 2017年国内开源镜像站点汇总 1
- java a%2==0_Java 初始化a=2 打印a+++a++为5
- r语言min-max归一化_如何在R中使用min()和max()
- Centos6.5 mysql折腾记
- [tldk][dpdk][dev] TLDK--基于dpdk的用户态协议栈传输层组件简单调研
- Atitit. c# 语法新特性 c#2.0 3.0 4.0 4.5 5.0 6.0 attilax总结 1. 版本历史	1 1.1. C# 1.0-纯粹的面向对象	2 1.2. C# 2.0
- 【Ngrok】小米球实践-内网穿透【映射本地到外网访问】
- 笔记本无法启用免费wifi
- lua的坑(持续更新,每日更新两篇,9/15),更新到17个
- 挣脱注意力经济:为什么应该练习数字极简主义?
- 微软消息队列-MSMQ
- 2022-02-15:扫地机器人。 房间(用格栅表示)中有一个扫地机器人。 格栅中的每一个格子有空和障碍物两种可能。 扫地机器人提供4个API,可以向前进,向左转或者向右转。每次转弯90度。 当扫地机
热门文章
- 新年迈出Java后台服务器与数据库交互第一步2022最新通用Java8jdbc8连接mysql8数据库进行增删改查等基本操作详解(IDEA),jar包导入,图片等文件流,批量操作
- 迈入JavaWeb第一步,Java网络编程基础,TCP网络编程URL网络编程等
- hdfs读写流程_深度探索Hadoop分布式文件系统(HDFS)数据读取流程
- 块裁剪后的矩形边界如何去掉_手持拍摄画面太抖?这节课教你如何快速稳定抖动的画面...
- spring cloud gateway 深入了解 - Predicate
- invalid use of null value
- 隐藏响应的server,X-Powered-By
- C语言中文件定位函数总结
- 201521123032 《Java程序设计》第7周学习总结
- GC基本算法及C++GC机制