您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例
ajax数据交互、动画技术
发布时间：2019-08-08 17:20:20编辑：雪饮阅读（）
ajax的使用
angular中ajax的使用方式
app.controller('zhangsan',function($scope,$http){
//ajax--start
$http.get('a.php',{
params:{a:12,b:5},
responseType:'json'
}).then(function (res){
alert('success');
console.log(res);
},function (res){
alert('error');
console.log(res);
});
//ajax--end
});
$http对象的get方法参数：
参数1：请求路径
参数2：请求对象(params是请求对象的请求参数, responseType声明数据返回类型)
then方法是get方法在连冠操作环中的下一环，其有两个参数，第一个参数是成功success时的回调方法，第二个参数是error时的回调方法。
ajax的使用(不使用then)
和上面的很相似，但是这种风格更明朗一些，不适用then，直接给连冠操作的success或error方法传递成功回调方法或失败回调方法即可。
app.controller('zhangsan',function($scope,$http){
//ajax--start
$http.get('a.php',{
params:{a:12,b:5},
responseType:'json'
}).success(function (res){
alert('success');
console.log(res);
}).error(function (res){
alert('error');
console.log(res);
});
//ajax--end
});
关键字词：angular,ajax,http