angular.js - angular中怎么根据时间来判断重新调接口还是调localstorage的内容
phpcn_u1582
phpcn_u1582 2017-05-15 17:10:16
0
1
572

我希望能做到通过时间去判断数据是重新通过接口去取还是直接拿localstorage里面的数据,但是接口返回的是一个promise对象,用if else判断是会报promise.then is not a function。

phpcn_u1582
phpcn_u1582

Antworte allen(1)
洪涛

页面加载后取一个时间点,点击刷新的时候再取时间。看时间差来判断要取local还是接口,两者的逻辑不同,所以要用不同的方式进行调用。最后赋值给页面存储数据的变量,这样就不会出现你说的错误了。
补充:
比如你页面数据是用$scope.data存储的。
加载页面的时候去时间点,存在start变量中。
当点击刷新时,取结束时间存end,直接取时间差也可以。如果时间差大于等于一分钟,从接口取数据。否则从localStorage取数据。
接口取数据回来的是promise,而localStorage回来的是字符串。

if(end-start>= 1){ //从接口取数据,加入接口名字为DataService
    DataService().then(function(response){
        console.log(response); //这里默认接口回来的数据和你页面数据是一样的,有可能页面数据是接口数据的一部分,需要用点进行调用,例如 response.data
        $scope.data = response;
    })
}else{
    //从localStorage取数据,这里假定你存入的数据名为data
    //取回来的是字符串,需要转成json。注意,存入的时候也要是字符串,需要用JSON.stringify()转换
    $scope.data = JSON.parse(localStorage.getItem("data"));
}

代码只是显示逻辑,不能直接运行。

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage