self.addEventListener('sync', function(event) {
console.log('firing: sync');
if (event.tag == 'image-fetch') {
console.log('sync event fired');
event.waitUntil(fetchurl());
}
});
function fetchurl()
{
console.log('firing: doSomeStuff()');
/* fetch dynamic url */
fetch('https://localhost/Service-Workers-BackgroundSync/server.php')
.then(function(response) {
return response;
})
.then(function(text) {
console.log('Request successful', text);
})
.catch(function(error) {
console.log('Request failed', error);
});
}
如何在service-worker.js中获得动态URL?
我正在呼叫“同步”事件。我想动态传递获取URL。.总是单击提交按钮,我得到了不同的URL,然后我想通过'sync'事件在获取方法中传递动态URL。
请指导我。
最佳答案
您可以使用IndexedDB或localforage之类的包装在客户端和Service Worker之间共享信息。因此,在服务人员中,您可以通过以下方式读取数据:
importScripts('./lib/localforage.js');
function fetchurl()
{
console.log('firing: doSomeStuff()');
/* get dynamic url from IndexedDB using localForage */
localforage.getItem('dynamicUrl')
.then(function (url) {
fetch(url)
.then(function(response) {
return response;
})
.then(function(text) {
console.log('Request successful', text);
})
.catch(function(error) {
console.log('Request failed', error);
});
}
}