您现在的位置是:首页 > 教程资讯 > 编程开发

普通应用和参数

2021-09-07 18:47:05【编程开发】人查看

简介 大家都知道,AngularJS中的$http有很多参数和调用方法,所以本文只记录了比较常用的应用及参数,方便大家以后使用的时候参考学习,下面一起来看看吧。

$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]

调用then()函数时返回的resp对象:

摘要

AngularJS中常用的$http服务的应用和参数基本都结束了。希望本文的内容能够帮助大家学习使用AngularJS。如果你有任何问题,可以留言。