如何检查互联网连接是否有,如果没有如何在工作灯中使用jquery在弹出窗口中显示互联网没有连接

时间:2016-03-24 12:15:31

标签: jquery popup ibm-mobilefirst internet-connection

申请午餐或任何功能使用互联网时,我想检查互联网是否已连接,所以我想要使用 jquery mobile worklight 混合移动应用中显示互联网连接未在弹出窗口中连接如何执行此操作

请任何人告诉我这是怎么做的,任何人都有样品请把它放在这个问题中。

我写下面的代码。



//main.js

var busyIndicator=null;

function wlCommonInit(){
	
	busyIndicator = new WL.BusyIndicator('page', {text : 'Please Wait...'},{minDuration: '1s'},{color: "red"});
	
	isOnline();
}



function isOnline() {
    var online = navigator.onLine;    // Detecting the internet connection
    if(online) {
    	alert('You\'re online now...');
    } else {
       alert('You\'re Offline now...');
      
      $("#errorPopup").popup("open");
    }
}

<!--index.html -->

<div data-role="page" id="page">
    			<div data-role="content" style="padding: 15px">
    				<input type="text" id="txtTrtDtPreAprvlSubn" 
				placeholder="Treatment Date" required="required" autocomplete="off"
				spellcheck="false" readonly="readonly">
    			</div>

	</div>


<div data-role="popup" id="errorPopup" data-overlay-theme="b"
			data-theme="b" data-corners="false" align="center">
			<p>internet connection not connected</p>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

首先。您可以轻松找到这个答案。但是,您可以在应用程序启动时实现流动的API WL.Device.getNetworkInfo .check以进行Internet连接,并根据结果执行操作。

function wlCommonInit() {
    WL.Device.getNetworkInfo(function (networkInfo) {
        alert (networkInfo.isNetworkConnected);
        if (networkInfo.isNetworkConnected) { // if true, then
            // connect to the Worklight Server or do something else...
        }
    });

您还可以查看此幻灯片http://public.dhe.ibm.com/software/mobile-solutions/worklight/docs/v600/05_04_Working_offline.pdf