`
huangyongxing310
  • 浏览: 496046 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

AngularJS Ajax($http)

阅读更多
AngularJS Ajax($http)


1.$http服务只是简单的封装了浏览器原生的XMLHttpRequest对象。
2.$http服务是只能接受一个参数的函数,这个参数是一个对象,包含了用来生成HTTP请求的
配置内容。这个函数返回一个promise对象,具有success和error两个方法。

$http({
url:'data.json',
method:'GET'
}).success(function(data,header,config,status){
//响应成功

}).error(function(data,header,config,status){
//处理响应失败
});



$http
$http({
   method: string,	//请求方式,GET/DELETE/HEAD/JSONP/POST/PUT
   url: string,		//绝对的或者相对的请求目标
   params: object,	//放在URL中的,params:{'name':'ari'},会转为?name=ari的形式
   data: string or object,//放有POST参数里面,这个对象中包含了将会被当作消息体发送给服务器的数据。通常在发送POST请求时使用。
   headers: object,	//一个列表,每个元素都是一个函数,返回http头
   xsrfHeaderName(字符串)://保存XSFR令牌的http头的名称
   xsrfCookieName://保存XSFR令牌的cookie名称
   transformRequest: //函数或者函数数组,用来对http请求的请求体和头信息进行转换,并返回转换后的结果。
   transformResponse: //函数或者函数数组,用来对http响应的响应体和头信息进行转换,并返回转换后的结果。
   cache: boolean or Cache object, //布尔类型或者缓存对象,设置之后angular会缓存get请求。
   timeout: number,	//在请求超时之前需要等待的毫秒数。
   withCredentials: boolean//是否设置withcredentials flag的XHR对象。查看更多信息的凭据。
   responseType://字符串,响应类型。可以为arraybuffer, blob,document,json, text, moz-blob, moz-chunked-text, moz-chunked-arraybuffer
});



响应对象
1.data,这个数据代表转换过后的响应体(如果定义了转换的话)
2.status,响应的HTTP状态码
3.headers,这个函数是头信息的getter函数,可以接受一个参数,用来获取对应名字值
4.config,这个对象是用来生成原始请求的完整设置对象。
5.statusText,(字符串)这个字符串是响应的HTTP状态文本。



参考原文:http://www.cnblogs.com/ys-ys/p/4984639.html?utm_source=tuicool&utm_medium=referral
分享到:
评论

相关推荐

    AngularJS封装$http.post()实例详解

    AngularJS封装$http.post()实例详解 用了不是很长的时间跟了一个移动APP项目,用的是ionic + AngularJS + cordova框架,其间遇到过挺多问题,其中一个就是对Ajax的封装问题。 其实针对封装问题一直以来就没停止过...

    AngularJS出现$http异步后台无法获取请求参数问题的解决方法

    但是,在进行$http异步请求时,有时候会出现后台无法正确获取请求参数的问题,这可能是由于AngularJS在发送请求时的默认请求头部和数据序列化方式与一些后台系统的期望不一致造成的。 在AJAX应用中,使用...

    AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案

    在使用AngularJS与PHP进行交互时,可能会遇到一个问题:当AngularJS通过$http服务发送POST请求时,PHP后台无法正确接收并解析发送的数据。这个问题主要源于AngularJS与PHP处理POST数据方式的不同。 首先,jQuery的$...

    angularjs 中$apply,$digest,$watch详解

    当你在Angular之外的地方(如事件处理函数、定时器或Ajax回调)修改了模型时,需要调用`$apply`来通知Angular有一个潜在的数据变更需要处理。例如,在上面的代码中,`$timeout`函数内部会自动调用`$apply`,而如果...

    AngularJS通过$http和服务器通信详解

    在AngularJS中,$http服务是与服务器进行通信的核心组件,它封装了浏览器的XMLHttpRequest对象,使得开发者能够轻松地实现Ajax请求。AngularJS通过$http服务支持GET、POST、PUT、DELETE等多种HTTP方法,遵循RESTful...

    angularJS之$http:与服务器交互示例

    $http服务是AngularJS提供的用于与远程HTTP服务器进行通信的核心服务,它封装了浏览器原生的XMLHttpRequest对象,使得开发者可以更方便地通过AJAX与服务器进行数据交互。 $http服务支持多种HTTP请求方法,如GET、...

    AngularJS中$http使用的简单介绍

    $http服务支持多种HTTP请求方法,包括GET、POST、PUT、DELETE等,与jQuery的$.ajax方法类似。这意味着开发者可以使用$http来执行各种类型的HTTP操作。 在配置对象中,我们还看到了cache和timeout这两个配置项。...

    深入理解Angularjs中$http.post与$.post

    在深入探讨AngularJS中$http.post与$.post的区别前,先了解它们各自的用途是很重要的。$http是AngularJS提供的一个内置服务,用于进行HTTP请求,它具备了HTTP客户端的所有基本功能。而$.post则是jQuery库提供的一个...

    AngularJS中$http的交互问题

    在前端开发中,AngularJS框架提供了非常便捷的数据交互方式,其中$http服务是AngularJS用于和远程服务器进行数据交互的核心服务。这篇文章详细介绍了使用$http服务进行GET和POST请求的正确方法,以及如何解决某些...

    简介AngularJS中$http服务的用法

    在AngularJS中,`$http`服务是核心模块的一个关键组件,它负责处理与服务器的异步通信,即Ajax请求。 `$http`服务基于浏览器的`XMLHttpRequest`对象,但提供了一个更简洁、更易用的接口。这篇文章将详细介绍如何在...

    浅谈AngularJS中$http服务的简单用法

    $http服务在AngularJS中是核心功能之一,它负责处理客户端与服务器之间的Ajax请求。通过$http服务,我们可以执行GET、POST、PUT、DELETE等多种类型的HTTP请求。使用$http服务需要在控制器或服务中注入依赖,通常通过...

    angularjs封装$http为factory的方法

    在AngularJS中,$http服务是用于发送Ajax请求的核心组件,它提供了与服务器进行数据交互的能力。然而,为了适应不同的开发习惯或者为了更好地组织代码,开发者有时会将$http服务进行封装,创建自定义的服务,例如在...

    浅谈angularjs $http提交数据探索

    在本文中,我们将深入探讨AngularJS中的$http服务,特别是如何使用它来提交数据到服务器。AngularJS是一个流行的JavaScript框架,用于构建单页应用程序(SPA)。它提供了强大的数据绑定和依赖注入功能,使得前后端...

    simple-http:基于 AngularJS $httpProvider 的简单 ajax 库

    本篇文章将深入探讨一个基于AngularJS $httpProvider的简单Ajax库——"simple-http",以及它如何利用$httpProvider来实现高效的数据交互。 首先,我们需要了解AngularJS中的$http服务。$http是AngularJS核心模块ng...

    浅谈关于angularJs中使用$.ajax的注意点

    在AngularJS中,$.ajax是jQuery库的一部分,用于执行异步数据请求,而AngularJS自身提供了$http服务来处理Ajax操作。然而,有时开发者可能会选择在AngularJS应用中使用$.ajax,可能是出于对jQuery某些功能的依赖,...

    angularjs $http实现form表单提交示例

    2. **发送AJAX请求**:使用$http服务发送POST请求,确保设置正确的请求头和数据序列化方式。这里的关键在于使用$httpParamSerializerJQLike方法来序列化data对象,并设置Content-Type为'application/x-...

    AngularJS实现ajax请求的方法

    在AngularJS中,$http服务是核心的ajax调用工具,它提供了简单的方法来执行各种HTTP请求(如GET、POST、PUT、DELETE等)并接收响应数据。$http服务返回一个promise对象,该对象可以绑定到success和error回调函数,以...

Global site tag (gtag.js) - Google Analytics