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

Question

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

调用电话

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

现在，如果 web 服务不可用，服务调用将等待 40 秒(限制我设置为超时)并将控制权转移到 onError 消息，这反过来会显示一个简单的错误警报消息。

但我的问题是，在服务调用完成(40 秒)之前，应用程序显示空白屏幕并且不显示 html 页面。我希望 web 服务调用在后端执行并且不影响实际应用程序的加载(我认为 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 查询将在文档准备好(完全加载)后进行