普通应用和参数

时间：2021-09-07 来源：互联网编辑：宝哥软件园浏览：次

序

$HTTP服务：它只是封装浏览器的原生XMLHttpRequest对象，并接收一个参数，该参数是一个包含用于生成HTTP请求的配置内容的对象。这个函数返回一个promise对象，包含成功和错误方法。

$http服务的使用场景：

var promise=$ http({ method : ' post '，//可以是get、post、put、delete、head、jsonpGet，posturl3360 '。经常使用“/data.json”。//请求路径参数： {'name' 3360' Lisa'}。//传递参数、字符串映射或对象，并转换成？name=lisa表单是data: blob，后跟请求路径//，通常在发送post请求时使用。发送二进制数据并使用blob对象。}).成功(函数(数据){//响应操作成功})。error(function(data){//response failed(response以错误状态返回)operation })then()函数：可以使用then()函数来处理$http service的回调，它接受两个可选函数作为参数，表示

然后(success fn，errFn，notifyfn)，无论承诺成功还是失败，那么在结果可用后将立即异步调用success fn或errfn。此方法总是用一个参数调用回调函数：结果或拒绝原因。

在承诺被执行或拒绝之前，notifyFn回调可能会被调用0到多次，以提供进程状态的提示

Promise.then(函数(resp) {//响应成功时调用，resp为响应对象}，函数(resp){//响应失败时调用，resp有错误信息})；then()函数接收的resp(响应对象)包含五个属性：

1.数据(字符串或对象):响应正文

2.status:对应于http的状态代码，例如200

3.headers(函数):header信息的getter函数，它可以接受一个参数来获取对应名称的值

4.config(对象):生成原始请求的完整设置对象

5.statusText:对应的http状态文本，如' ok '

或者使用成功/错误方法，使用

//成功处理promise.success(函数(数据、状态、头、配置){//成功处理响应})；//错误处理承诺。错误(函数(数据、状态、头、配置){//处理不成功的响应})；用例：

index.html

！doctype html html lang=' en ' head meta charset=' UTF-8 ' title $ http请求测试/title脚本src='http:/js/angular . js '/script script src=' http : app . js '/script/headsdydiv data-ng-app=' myApp ' data-ng-controller=' myApp controller ' data-ng-init=' load data()' Table and tr th name/th attribute/th/tr/the d t body tr data-ng-repeat=' data in my data ' TD { { data . name } }/tdtd { { data . attr } }/TD/tr/t body/Table

var myhttpap=angular . module(' myApp '，[])；myhttppapp . controller(' myapp controller '，函数($q，$http，$ scope){ var deffer=$ q . defer()；var data=new Blob([{ ' name ' : ' Zhang San ' }])$ scope . LoadDATa=function(){ var promise=$ http({ method : ' post '，url: '。/data.json '，cache: true })。成功(函数(数据){ deffer.resolve(数据)；}).错误(函数(数据){ deffer.reject(数据))；})promise . then(function(data){ $ scope . mydata=data . data；}) /*promise.success(函数(数据){ $ scope.myData=data})*/}})data.json

[{'name' :' zhangshan '，' attr' :' China'}，{'name' :' Lisa '，' attr' :' USA'}，{'name' :' Bob '，' attr' 3333]