• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > Angular的$http的ajax的请求操作(推荐)

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

作者:专注前端30年 字体:[增加 减小] 来源:互联网 时间:2017-05-11

专注前端30年通过本文主要向大家介绍了angular ajax请求,angular ajax,angular js ajax,angular http同步请求,angular2 http等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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的格式 
}; 
</div>

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

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

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

$http的配置项

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

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

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

headers:请求的头部

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

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

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

相关文章

  • 2017-05-11纯JS实现弹性导航条效果
  • 2017-05-11JavaScript实现的select点菜功能示例
  • 2017-05-11jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
  • 2017-05-11layer弹出层中H5播放器全屏出错的解决方法
  • 2017-05-11js获取浏览器和屏幕的各种宽度高度
  • 2017-05-11微信JS-SDK选取手机照片上传功能
  • 2017-05-11jQuery使用正则表达式替换dom元素标签用法示例
  • 2017-05-11js 单引号替换成双引号,双引号替换成单引号的实现方法
  • 2017-05-11纯js实现倒计时功能
  • 2017-05-11从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 详解浏览器渲染页面过程
    • jQuery编写textarea输入字数限制代码
    • nodejs中向HTTP响应传送进程的输出
    • vue实现动态数据绑定
    • 将鼠标焦点定位到文本框最后(代码分享)
    • 一个关于dom操作属性的面试题
    • js选项卡的制作方法
    • 原生和jQuery的ajax用法详解
    • nodejs入门教程一:概念与用法简介
    • js中的面向对象入门

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有