在AngularJS中非常重要选择$http服务与远程http服务器交互,其效能类似于jquery中的$.ajax服务:

在AngularJS中至关心重视要行使$http劳动与远程http服务器交互,其作用类似于jquery中的$.ajax服务:

  1. $http是AngularJS的二个基本服务,利用浏览器的xmlhttprequest可能via
    JSONP对象与长途HTTP服务器实行交互;
  2. 与$.ajax相同,援助种种method请求:get、post、put、delete等;
  3. controller中可经过与$scope一样的艺术获得$http对象,形如:function
    controller($ http, $ scope){};
  • $http是AngularJS的贰个大旨服务,利用浏览器的xmlhttprequest或者via
    JSONP
    指标与远程HTTP服务器实行交互;
  • $.ajax一律,协理三种method请求:get、post、put、delete等;
  • controller中可由此与$scope坚持的艺术赢得$http对象,形如:function controller($ http, $ scope){}

$http使用表明:

$http劳动应用如下边代码所示:

$http服务应用如上边代码所示:

// 1.5以下版本$http.success(function(data, status, headers, config){//请求成功执行代码}).error(function(data, status, headers, config){//请求失败执行代码})// 1.5以上版本$http.then(function successCallback{//请求成功执行代码},function errorCallback{//请求失败执行代码});
// 1.5以下版本
$http(config)
.success(function(data, status, headers, config){//请求成功执行代码})
.error(function(data, status, headers, config){//请求失败执行代码})

// 1.5以上版本
$http(config).then(
function successCallback(response){//请求成功执行代码},
function errorCallback(response){//请求失败执行代码}
);

现实参数、方法求证:

具体参数、方法求证:

  • 布署参数:

布局参数:

config是呼吁的布局参数总集,格式为json;包罗的安插项包罗:method:字符串类型,请求格局如”GET”,”POST”,”DELETE”等;url:字符串类型,请求的url地址;params:json类型,请求参数,就要url上被拼接成?key=value的款式;data:json类型,请求数据,将放在请求内发送至服务器;cache:bool类型,true表示http
GET请求时使用默许的$http
cache,不然使用$cacheFactory的实例;timeout:整数项目,超时时间;

  1. config是呼吁的布局参数总集,格式为json;
  2. 包含的配备项包涵:
  3. method:字符串类型,请求方式如”GET”,”POST”,”DELETE”等;
  4. url:字符串类型,请求的url地址;
  5. params:json类型,请求参数,将要url上被拼接成?key=value的款式;
  6. data:json类型,请求数据,将放在请求内发送至服务器;
  7. cache:bool类型,true表示http GET请求时选择暗许的$http
    cache,不然使用$cacheFactory的实例;
  8. timeout:整数等级次序,超时时间;
  • 回调函数:

回调函数:

success是伸手成功后的回调函数;error是请求战败后的回调函数;data是响应体;status是对应的气象值;headers是获得getter的函数;config是伸手中的config
json对象;

  1. success是伸手成功后的回调函数;
  2. error是伸手失败后的回调函数;
  3. data是响应体;
  4. status是对应的场所值;
  5. headers是获取getter的函数;
  6. config是伸手中的config json对象;

method属性能够当作config配置参数中的贰本性质,也得以直接当做艺术调用,如:

method属性能够视作config配置参数中的四本性质,也足以直接作为艺术调用,如:

$http.post(url, data, config)

var searchOplog = function ($http, table, btn) { $http({ url: 'data/oplog.json', method: 'GET' }).then(function successCallback { console.log('get Oplog success:', response); table.init(response.data); btn.button; btn.dequeue(); }, function errorCallback { console.log('errorCallback Response is:', response); table.init(); btn.button; btn.dequeue;};
$http.post(url, data, config)
  • angularJS之$http:与服务器交互

$http使用模范:

var searchOplog = function ($http, table, btn) {
 $http({
  url: 'data/oplog.json',
  method: 'GET'
 }).then(function successCallback(response) {
  console.log('get Oplog success:', response);
  table.init(response.data);
  btn.button('reset');
  btn.dequeue();
 }, function errorCallback(response) {
  console.log('errorCallback Response is:', response);
  table.init();
  btn.button('reset');
  btn.dequeue();
 });
};

以上就是本文的全部内容,希望对大家的就学抱有协助,也愿意我们多多协助脚本之家。

你可能感兴趣的文章:

  • AngularJS通过$http和服务器通信详解
  • 永利开户送38元体验金,angularJS之$http:与服务器交互示例
  • AngularJS中$http的并行难题
  • 浅谈AngularJS中$http服务的简约用法
  • 简单介绍AngularJS中$http服务的用法
  • AngularJS使用$http配置对象格局与服务端交互格局

相关文章