1つのajaxの例で説明してください。これは私の現在のコードです
<div id="status">Status is:</div>
<button onclick="getData()">Get Data</button>
<script>
// Set our options for the Offline detection library
Offline.options = {
checkOnLoad: true,
checks: {
image: {
url: function() {
return 'http://esri.github.io/offline-editor-js/tiny-image.png?
}
},
active: 'image'
},
requests : true
}
Offline.on('up', internetUp);
Offline.on('down',internetDown);
var statusDiv = document.getElementById("status");
statusDiv.innerHTML = "Status is: " + Offline.state;
function getData() {
// See if internet is up or down
Offline.check();
// If the internet is up go ahead and retrieve data.
$.ajax({url:"http://rest-service.guides.spring.io/greeting", success: function(result){
debugger
alert(JSON.stringify(result));
}});
}
function internetUp(){
console.log("Internet is up.");
statusDiv.innerHTML = "Status is: up";
}
function internetDown(){
console.log("Internet is down.");
statusDiv.innerHTML = "Status is: down";
}
</script>
通話中にオフラインモードでajaxリクエストの通話をキューに入れ、インターネットに接続すると自動的に実行したい
Offline.on('up', internetUp);internetUpインターネットが稼働しているときに機能を起動するイベントです。次に、次のようなことを行うことができます。
function internetUp(){
console.log("Internet is up.");
statusDiv.innerHTML = "Status is: up";
var requests = ['example.com','example2.com','whatever.com'];
for(let i =0;i<requests.length;i++){
$.ajax({
url: requests[i]
}).done(function(data) {
console.log(data);//here callback of each request
});
}
}
ここで、requestsは、配列として保存するキューajaxアクションを表します。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加