前端判断电脑是否断网并且在重连的时候发请求给后端记录

用electron 打包的电脑软件加了一个断网提示和联网发请求给后端做记录

<!DOCTYPE html>
<html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1.0"><link rel="icon" href="<%= BASE_URL %>favicon.ico"><!-- <title><%= htmlWebpackPlugin.options.title %></title> --><title>吧台绿树电竞 - V1.0.0 店铺ID</title><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> </head><body><noscript><strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.Please enable it to continue.</strong></noscript><div id="app"></div><!-- built files will be auto injected --><!-- 页面内容 --><script>let offlineTime = null;// let nowtim = new Date()window.addEventListener('online', () => {const now = new Date();if (offlineTime) {const offlineDuration = now - offlineTime; // 离线时长（毫秒）  console.log(`网络重连成功，上次断网时间：${new Date(offlineTime).toLocaleString()}, 重连时间：${now.toLocaleString()}, 离线时长：${offlineDuration} 毫秒`);alert(`网络重连成功，离线时长：${offlineDuration / 1000 / 60} 分钟`);this.sendAjaxRequest() //断网时间localStorage.setItem('nowTime', now.toLocaleString()); //重连this.nowRequest()} else {console.log(`网络重连成功，之前没有断网记录`);}offlineTime = null; // 重置离线时间  });window.addEventListener('offline', () => {offlineTime = new Date(); // 记录断网时间  console.log(`当前断网，时间：${offlineTime.toLocaleString()}`);localStorage.setItem('offlineTime', offlineTime.toLocaleString()); //断网alert('当前断网');});// 断网function sendAjaxRequest() {  var formData = new FormData();  formData.append('storeId', sessionStorage.getItem("storeId") || ''); formData.append('type', 0);  formData.append('ip', sessionStorage.getItem("ip") || ''); formData.append('createTime', offlineTime.toLocaleString() || ''); var xhr = new XMLHttpRequest();  xhr.open("POST", 'http://192.168.0.124:8091/bar/log/add', true); xhr.onload = function () {  if (xhr.status === 200) { } else {  console.error("Request failed. Returned status of " + xhr.status);  }  }; xhr.send(formData);  };//重连function nowRequest() {  let nowtim = new Date()var Data = new FormData();  Data.append('storeId', sessionStorage.getItem("storeId") || ''); Data.append('type', 1);  Data.append('ip', sessionStorage.getItem("ip") || ''); Data.append('createTime', nowtim.toLocaleString() || ''); var xhrb = new XMLHttpRequest();  xhrb.open("POST", 'http://192.168.0.124:8091/bar/log/add', true); xhrb.onload = function () {  if (xhrb.status === 200) {  console.log(xhrb.responseText);  } else {  console.error("Request failed. Returned status of " + xhrb.status);  }  };  xhrb.send(Data);  } </script>
</body></html>

我是写在public- index.html 文件中这样他只要是在运行中都可以判断是否断网

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/855619.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！