查看: 860|回复: 0

[JavaScript/JQuery] 爱创课堂 前端培训 前端教程 angular教程 课程笔记 $timeout 服务 $http服务

发表于 2018-1-23 09:37:30
$timeout 服务定时器服务,延迟一段时间执行业务

服务的使用,在哪个函数中使用服务,直接将该服务注入该函数中即可

作用域丢失问题

在作用域上定义的数据无法在页面中渲染,解决这类问题有四种方式

1 找服务 推荐  $timeout

2 $digest()   执行完该方法会检测作用域

3 $apply()   执行完之后检测作用域,跟$digest(),很像,是对其的封装

4 $apply(function () {}) 此时回到函数中

可以对函数内的变量做检测

也可以对$apply前面的数据检测

但是不能检测$apply后面的数据

所以我们定义的时候,一定要定义在apply回调函数内

1 $timeout(function () {
2 $rootScope.time = '9月13号'
3 }, 1000)
4
1 $interval(function () {
2 getTime();
3 }, 1000)
5

$http服务就是jquery中ajax请求,只不过他的书写方式是ajax的允诺书写方式(同步的书写方式)

参数是一个对象

Url表示请求的地址

Params:get请求的url参数

Method:请求方法

Data: 为post请求添加数据
SuccessSuccess方法
四个参数,只有第一个参数是常用的
第一个表示返回的数据
第二个请求的返回状态
第三个是一个处理函数
第四个参数表示请求配置
当多次调用时,每次都有相同的参数
ErrorError 方法
当请求失败时候的回调方法
ThenThen方法是允诺对象的标准方法,但是不建议在http服务中使用,因为他只有第一次可以将返回的数据返回
并且参数是一个对象,对象中的data才是请求返回的信息
GetGet方法使用时,接收两个参数

第一个参数表示请求的地址

第二个参数表示请求的配置(在配置中,我们可以添加url上的参数)
PostPost方法使用时,接收三个参数

第一个参数表示请求的地址

第二个参数表示请求携带的数据

第三个参数表示请求的配置信息

4 $http({
5 // 定义请求路径
6 url: 'data.json',
7 method: 'GET',
8 params: {
9 id: 10,
10 query: 'word'
11 }
12 })
13 .success(function (res) {
14 // 将data中的数据渲染到页面中
15 $scope.news = res.data
16 console.log(res)
17 })

往期文章
angular课堂笔记 第一天

js基础 定时器

js基础 IE6,7,8方法

js基础 高级浏览器

js基础 对应思想 排他思想

本文章版权归爱创课堂所有,转载请注明出处。

更多详细内容请访问爱创课堂官网首页

http://www.icketang.com/




回复

使用道具 举报