ajax angular点击事件_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的请求操作，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

本条技术文章来源于互联网，如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源：php中文网

ajax angular点击事件_Angular的$http的ajax的请求操作（推荐）相关推荐

ajax angular点击事件_angularjs和ajax的结合使用（三）
转眼九月份了,忙忙碌碌发现今年还没开过张,写一篇吧. 15年在空闲时就倒腾过angularjs那玩意儿 ,觉得还是挺好的,李金龙那厚厚的一本书,只不过没有系统化应用.最主要的是原来有一个东西没有用到 ...
jquery ajax 点击按钮,Jquery ajax调用点击事件提交按钮
当用户点击一个提交按钮时,我必须构建一个ajax调用,所以我包含了jquery,并且我写了下面的代码(取自jquery文档):Jquery ajax调用点击事件提交按钮 $(document).rea ...
ajax点击事件无法触发,解决jQuery Ajax动态新增节点无法触发点击事件的问题_婳祎_前端开发者...
在写ajax加载数据的时候发现,后面添加进来的demo节点元素,失去了之前的点击事件.为什么点击事件失效,我们该怎么去解决呢? 其实最简单的方法就是直接在标签中写οnclick="" ...
angular 点击事件阻止冒泡及默认行为
经常遇到场景:多层级元素绑定ng-click 事件,则底层元素的点击事件存在冒泡现象,怎么解决? 类似原生JS ,只是语法稍有不同,如下: 阻止冒泡 $event.stopPropagation() ...
angular div 滚动条事件_angular怎么控制滚动条
angular中可通过ion-content指令来控制滚动条,ionContent指令提供一个易用的内容区域,该区域可以用Ionic的自定义滚动视图进行配置,或浏览器内置的溢出滚动. 内容组件提供了一 ...
android高德marker添加点击,高德地图上添加marker，给每一个marker添加点击事件。...
高德地图上添加marker,给每一个marker添加点击事件. 高德地图上添加marker,给每一个marker添加点击事件.javascript var watch = [] $.ajax({ ty ...
[js]绑定点击事件的三种方式
绑定点击事件的三种方式使用 onclick 属性(不推荐) <!doctype html> <html lang="en"> <head>&l ...
ajax点击事件触发后台,使用jquery点击事件触发AJAX
我有两个下拉菜单,其中一个我试图用jquery替换单选按钮.第二个盒子通过AJAX进行更新,每次用户在第一个下拉菜单中进行选择时都会有新选项.我已经成功生成单选按钮,可以更改第一个下拉列表的值,但是当 ...
Angular防抖设计——点击事件
angular防抖设计之输入事件:见上一篇 https://blog.csdn.net/u013013856/article/details/86165298 angular防抖设计之点击事件,代码 ...

ajax angular点击事件_Angular的$http的ajax的请求操作（推荐）

ajax angular点击事件_Angular的$http的ajax的请求操作（推荐）相关推荐

最新文章

热门文章