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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/366211.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

response对象设置返回状态_postman 设置全局变量

postman大家都知道是一个测试接口的工具,也是目前比较流行的一种测试工具,但是postman只是用来将API地址和参数填入send一下就完了吗?其实不是,关于postman其实有很多玩法,对于测试来说我觉得掌握了postman是非常有必要…

测试过大输入的代码

在编写单元测试时,我们主要关注业务的正确性。 我们将竭尽所能,开开心心地走在最前沿。 我们有时会进行微基准测试并衡量吞吐量。 但是经常遗漏的一个方面是当输入过大时我们的代码如何表现? 我们测试了如何处理正常的输入文件,格…

资源不在java项目和构建路径上_编译单元不在Java项目的构建路径上-Maven

今天,我已经在日食中导入了一个Maven项目.当我尝试自动建议时,当我添加一些代码时,它提示我“编译单元不在Java项目的构建路径上”.我没有看到解决此问题的方法,但是都没有解决.这个应该做什么?xsi:schemaLocation"http://maven.apache.org/POM/4.0.0 http://m…

Django 第八课 2.【MySQL相关软件 mysqlclient Navicat Premium】

MySQL 驱动程序安装: 我们使用 Django 来操作 MySQL,实际上底层还是通过 Python来操作的。因此我们想要用 Django 来操作 MySQL,首先还是需要安装一个驱动程序。在python3中,驱动程序有多种选择。比如pymysql 以及mysqlclient等。…

查看串口的驱动信息

1、查看串口的驱动信息 2、驱动安装文件:http://www.wch.cn/download/CH341SER_EXE.html 3、参考驱动资料:https://blog.csdn.net/jazzsoldier/article/details/70169732 转载于:https://www.cnblogs.com/qy1234/p/10146303.html

用jQuery监听浏览器窗口的变化

1 $(window).resize(function () { //当浏览器大小变化时 2 alert($(window).height()); //浏览器时下窗口可视区域高度 3 alert($(document).height()); //浏览器时下窗口文档的高度 4 alert($(document.body).height()); //浏览器时下…

java中怎么判断一段代码时线程安全还是非线程安全_Java 中的多线程你只要看这一篇就够了...

引如果对什么是线程、什么是进程仍存有疑惑,请先Google之,因为这两个概念不在本文的范围之内。用多线程只有一个目的,那就是更好的利用cpu的资源,因为所有的多线程代码都可以用单线程来实现。说这个话其实只有一半对,因…

使用Maven设置您的应用服务器

在许多情况下,无需先设置应用程序就无法部署应用程序。 在JBoss AS 7.x中,您可能需要配置例如数据库连接。 或者,您必须配置一个安全领域。 也许您还想调整SLSB池…在任何一种情况下,团队中的所有开发人员都必须共享一个共同的或至…

[洛谷P3178][HAOI2015]树上操作

题目大意:有一棵点数为 $N$ 的树,以点 1 为根。然后有 $M$ 个操作。 1. 把 $x$ 的点权增加 $a$ 。 2. 把 $x$ 为根的子树中所有点的点权都增加 $a$ 。 3. 询问 $x$ 到根的路径中所有点的点权和。 题解:树链剖分模板题 卡点:我真的…

实现 通过数据库里一个字段值相等 则把 他合为一条数据

需求: 把红色合为一条数据,绿色合为一条数据 结果: 不多说直接上代码......................................................... // 先查所有数据 const goods await service.goods.findAllGoodsWithParams({where: params,offset: ctx.p…

CSS定义字体间距 字体行与行间距

1 2     letter-spacing:像素(字母或中文字的左右间距)3 4 word-spacing:像素(两个单词之间的左右间距)5 6 line-height:像素(两行之间的间距)7 8 text-decoration:字体的装饰&am…

float与double类型参数区别_8大基本数据类型及包装类,不知道这些点别说自己是大佬...

一般地,当需要使用数字的时候,我们通常使用内置数据类型,如:byte、int、long、double 等。然而,在实际开发过程中,我们经常会遇到需要使用对象,而不是内置数据类型的情形。为了解决这个问题&…

宣布EAXY:在Java中简化XML

Java中的XML库是一个雷区。 操作和读取XML所需的代码量令人震惊,使用不同的库遇到类路径问题的风险很大,并且命名空间的处理带来了很多混乱和错误。 最糟糕的是,情况似乎并没有改善。 一位同事让我意识到JOOX库。 这是解决这些问题的一个很好…

9-客户端集成IdentityServer

1-创建客户端的webapi项目 E:\coding\netcore\IdentityServerSample>dotnet new webapi --name IdentityCredentialApi 2-在需要启用授权的方法上增加Authorize标签 3-使用nuget工具安装 IdentityServer4.AccessTokenValidation 4-启用客户端授权, 需要配置连接…

js parseInt()与Number()区别

说到转换成数字类型,我首先想到的是parseInt()方法,后来接触多了才发现还有一个Number()方法,同样是转换成数字类型,这两种方法有什么不同的呢? 1.parseInt()&#xff1a…

java大小端字节流解析_玩转socket之字节流操作--拼包、拆包

玩转socket之字节流操作--拼包、拆包我们开发中用得最多的HTTP协议及超文本传输协议,是一种基于TCP/IP的文本传输协议。基本很少碰到字节流操作。但是我过我们要用socket,实现一套基本TCP/IP协议的自定义协议,那么,对于字节流的操…

js替换数组中字符串实例

这个是替换数组中的一个对象字符串; 直接上代码: 1 var aaa[ 2 {"name":"张珊","sex":"man"}, 3 {"name":"李斯","sex":"woman"}, 4 …

ie浏览器升级_微软呼吁用户停用IE浏览器 2020年将不再更新升级

驱动中国2019年2月10日消息 IE浏览器作为美国微软公司推出的一款网页浏览器成为许多人接触互联网初选,深受不少用户喜欢但这款流畅多年的浏览器正式遭弃用!今日微软网络安全专家在在官方Winhows IT Pro上发帖呼吁用户停止使用IE浏览器!微软网…

有条件忽略测试的JUnit规则

我一直认为使用Ignore停用测试是一个坏主意。 例外,这可能是一种将间歇性失败的测试放入隔离区以供以后处理的方法(如Martin Fowler 在此处所述 )。 随着越来越多的测试不断被忽略和遗忘,这带来了测试套件衰减的危险。 因此&#…

【学亮IT手记】PL/SQL游标编程

游标提供了一种从表中检索数据并进行操作的灵活手段,主要用在服务器上,处理由客户端发送给服务器端的sql语句,或者是批处理、存储过程、触发器中的数据处理请求。 显式游标 是由用户声明和操作的一种游标,通常用于将查询出的结果集…