如何使应用程序加载独立于Web服务调用？

Question

我创建了一个phonegap应用程序，该应用程序在初始化时（加载index.html）调用了Web服务。 我正在使用

 $.ajax({
  type: "GET",
  url: "http://webserviceurl.com/service",
  cache: false,
  async: true, 
  success: onSuccess,
  error: onError,
  timeout: 40000
});

现在，如果Web服务不可用，服务调用将等待40秒（我设置为超时的限制）并将控件转移到onError消息，该消息随后显示一条有关错误的简单警报消息。

但是我的问题是，应用程序显示空白屏幕，直到服务调用结束（40秒）才显示html页面。 我希望webservice调用在后端执行，并且不影响实际应用程序的加载（我认为async：true会有所帮助，但这没有帮助）。

有什么想法可以使我的应用程序独立于网络服务调用吗？

编辑此工作

function appReady(){
      // do the ajax here
}

document.addEventListener("deviceready", appReady, false);

Answer 1

你能这样吗

$(document).ready(function() {

$.ajax({
  type: "GET",
  url: "http://webserviceurl.com/service",
  cache: false,
  async: true, 
  success: onSuccess,
  error: onError,
  timeout: 40000
});

});

现在您的ajax查询将在文档准备就绪（完全加载）后进行

Answer 2

拨打电话之前，只需设置页面即可。