Angular的$http的ajax的请求操作(推荐)

 更新时间:2017年01月10日 10:30:04   作者:专注前端30年  
这篇文章主要介绍了Angular的$http的ajax的请求操作的相关资料,需要的朋友可以参考下

angular通过封装$http方法,封装了,ajax请求

也通过$http封装了$http.get()$http.post()的方法,这里由于图省事,这两种方法不如直接使用通用的方法

这里先写一个案例,首先先写一个对象

var req = { 
 method: 'POST',//请求的方式 
 url: ip,//请求的地址 
 headers: { 
  'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 
  'Accept': '*/*' 
 },//请求的头,如果默认可以不写 
 timeout:5000,//超时时间,还没有测试 
 data: str //message 必须是a=b&c=d的格式 
}; 

然后通过$http方法调用对象,获取信息

$http(req).success(function (data, status, headers, config) { 
 //成功后的数据处理 
 
}).error(function (data, status, headers, config) { 
 //失败后的提示 
 console.log("error", data, status, headers, JSON.stringify(config)); 
}); 

angular 的ajax使用的是链式调用的方式,比较省事,简单易懂

$http的配置项

method:请求方式,有GET/DELETE/HEAD/JSONP/POST/PUT

url:绝对的或者相对的请求目标

data或者 params:请求的数据传送,data是post请求的数据,params是get请求的数据

headers:请求的头部

timeout:设置请求超时的时间,以毫秒计算,1000就相当于一秒

以上所述是小编给大家介绍的Angular的$http的ajax的请求操作,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • angular8和ngrx8结合使用的步骤介绍

    angular8和ngrx8结合使用的步骤介绍

    这篇文章主要给大家介绍了关于angular8和ngrx8结合使用的详细步骤,文中通过示例代码介绍的非常详细,对大家学习或者使用angular8具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-12-12
  • Angular实现的自定义模糊查询、排序及三角箭头标注功能示例

    Angular实现的自定义模糊查询、排序及三角箭头标注功能示例

    这篇文章主要介绍了Angular实现的自定义模糊查询、排序及三角箭头标注功能,涉及AngularJS针对页面table元素的遍历、查询、判断、排序等相关操作技巧,需要的朋友可以参考下
    2017-12-12
  • AngularJS路由Ui-router模块用法示例

    AngularJS路由Ui-router模块用法示例

    这篇文章主要介绍了AngularJS路由Ui-router模块用法,结合实例形式分析了Ui-router模块的功能、使用方法及相关注意事项,需要的朋友可以参考下
    2017-05-05
  • Angular2下使用pdf插件的方法详解

    Angular2下使用pdf插件的方法详解

    这篇文章主要给大家介绍了在Angular2下使用pdf插件的方法,使用这个插件是要实现一个pdf显示的功能,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-04-04
  • angularjs中$http异步上传Excel文件方法

    angularjs中$http异步上传Excel文件方法

    本篇文章给大家详细分析了angularjs中$http异步上传Excel文件方法,对此有需要的读者可以学习下。
    2018-02-02
  • angularJS1 url中携带参数的获取方法

    angularJS1 url中携带参数的获取方法

    今天小编就为大家分享一篇angularJS1 url中携带参数的获取方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • Angular通过angular-cli来搭建web前端项目的方法

    Angular通过angular-cli来搭建web前端项目的方法

    这篇文章主要介绍了Angular通过angular-cli来搭建web前端项目的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • AngularJS页面传参的5种方式

    AngularJS页面传参的5种方式

    Angular页面传参有多种办法,根据不同用例,本文介绍5种最常见的页面传参的方式。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • AngularJS递归指令实现Tree View效果示例

    AngularJS递归指令实现Tree View效果示例

    这篇文章主要介绍了AngularJS递归指令实现Tree View效果,结合实例形式分析了AngularJS基于递归指令实现树形结构层次数据的相关操作步骤与注意事项,需要的朋友可以参考下
    2016-11-11
  • AngularJS读取JSON及XML文件的方法示例

    AngularJS读取JSON及XML文件的方法示例

    这篇文章主要介绍了AngularJS读取JSON及XML文件的方法,涉及AngularJS针对xml及json格式文件数据的读取、遍历、输出等相关操作技巧,需要的朋友可以参考下
    2017-05-05

最新评论