
1、链式调用
$http服务能接受参数函数参数象包含用HTTP请求
配置内容函数返promise象具successerror两
$http({
url:'data.json',
method:'GET'
}).success(function(data,header,config,status){
//响应功
}).error(function(data,header,config,status){
//处理响应失败
})
2、返promise象
var promise=$http({
method:'GET',
url:"data.json"
})
由于$http返promise象我响应返用then处理调
使用then特殊参数代表相应象功或失败信息接受两
选函数作参数或者使用successerror调代替
promise.then(function(resp){
//resp响应象
},function(resp){
//带错误信息resp
})
或者:
promise.success(function(data,status,config,headers){
//处理功响应
})
promise.error(function(data,status,hedaers,config){
//处理失败响应
})
then()与其两种主要区别接收完整响应象success()error()则响应
象进行析构
3、快捷get请求
①$http.get('/api/users.json')
get()返HttpPromise象
发送比:delete/head/jsonp/post/put 函数内接受参数具体参照148页
②再发送jsonp请求举例说明: 发送JSONP请求其url必须包含JSON_CALLBACK字
jsonp(url,config) 其config选
var promise=$http.jsonp("/api/users.json?callback=JSON_CALLBACK")
4、$http做函数使用需要传入设置象用说明何构造XHR象
$http({
method:'GET',
url:'/api/users.json',
params:{
'username':'tan'
})
其设置象包含主要键:
①method
:GET/DELETE/HEAD/JSONP/POST/PUT
②url:绝或者相请求目标
③params(字符串map或者象)
键值字符串map或象转换查询字符串追加URL面值字符串JSON序列化
比:
//参数转name=ari形式
$http({
params:{'name':'ari'}
})
④data(字符串或者象)
象包含作消息体发送给服务器数据通发送POST请求使用
AngularJS 1.3始POST请求发送二进制数据要发送blob象简单通使用data参数传递
例:
var blob=new Blob(['Hello world'],{type:'text/plain'})
$http({
method:'POST',
url:'/',
data:blob
})
4、响应象
AngularJS传递给then()响应象包含四属性
◇data
数据代表转换响应体(定义转换)
◇status
响应HTTP状态码
◇headers
函数信息getter函数接受参数用获取应名字值
例用代码获取X-Auth-ID值:
$http({
method: 'GET',
url: '/api/users.json'
}).then (resp) {
// 读取X-Auth-ID
resp.headers('X-Auth-ID')
})
◇config
象用原始请求完整设置象
◇statusText(字符串)
字符串响应HTTP状态文本
5、缓存HTTP请求
默认情况$http服务请求进行本缓存发送单独请求我通向$http请求传入布尔值或者缓存实例启用缓存
$http.get('/api/users.json',{ cache: true })
.success(function(data) {})
.error(function(data) {})
第发送请求$http服务向/api/users.json发送GET请求第二发送同GET请求$http服务缓存取请求结真发送HTTP GET请求
例由于设置启用缓存AngularJS默认使用$cacheFactory,服务AngularJS启自创建
想要AngularJS使用缓存进行更自定义控制向请求传入自定义缓存实例代替true
第一种header('Content-type: application/json')
application/json是更通用且符合标准的
另一种
header('Content-type: text/json')第二种兼容IE6
你好,1、安装Postman下载postman,这里提供两种方式。
1、通过postman官方网站直接点击百度搜索“postman”
就可以找到。
点击“get it now it's free!”进入chrome商店下载
注意:chrome商店需要到“墙外”在才能下载。
2、离线安装:
解压下载的文件“Postman-REST-Client_v0.8.1”,内容文件结构如下:
打开Chrome,依次选择“选项”>>"更多工具">>“扩展程序”,
也可以在地址栏里直接输入:“chrome://extensions/”
勾选“开发者模式”
然后点击“加载已解压的扩展程序”,选择刚才我们下载并解压出来的文件夹。
安装好后如图:
2、进行Restful请求测试
打开chrome的“应用”,或者直接在地址栏里输入“chrome://apps/”也可以打开应用页面
打开postman
Get请求:
在地址栏里输入请求url:
选择“GET”方式,
点击"Url params",添加url params key:id , value:1
点击“send”得到json数据如下:
如果想要Post请求:
在地址栏里输入请求url:
选择“POST”方式,
点击"application/x-www-form-urlencoded",
添加key:name , value:baidu-lulee007
添加key:sex , value:man
注意:请求支不支持post请求是由服务端决定。
如果服务端需要请求类型为json,需要在“headers”添加
key:Content-Type , value:application/json
选择“raw”,并添加:
{
"id": 1,
"data": {
"name": "baidu-lulee007",
"sex": "man"
}
}
注意事项
这里的地址都是本地测试的,调试时请换成自己需要测试的地址
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)