Jquery移动ajax装载机图像

时间:2012-09-13 23:27:56

标签: javascript ajax jquery cordova

我在使用phonegap和jQuery构建的移动应用程序中使用此代码我想从服务器显示图片,但我无法集成showPageLoadingMsg函数,我不相信这种类型的Ajax调用是有用而强大。所以我想知道我应该使用什么类型的Ajax调用以及如何在我的Android手机应用程序中使用showPageLoadingMsg()函数。

server = "http://monserveur.com/upload.php";
var wid = $(window).width();
    if (server) {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange=function(){
            if(xmlhttp.readyState == 4){
        alert('ready');

                if (xmlhttp.status == 200  ) {
        alert('200');
                    document.getElementById('ousa').innerHTML = xmlhttp.responseText;
                }
                else {
                    document.getElementById('ousa').innerHTML = "Error retrieving pictures from server.";
                }
            }
        };
        xmlhttp.open("GET", server+"?wid="+wid, true);
        xmlhttp.send();

1 个答案:

答案 0 :(得分:0)

你试过吗? http://api.jquery.com/ajaxStart/

http://api.jquery.com/ajaxStop/

并将它们与像这里找到的逻辑相结合

http://www.w3schools.com/jquery/ajax_ajaxstart.asp

$("div").ajaxStart(function(){
  $(this).html("<img src='demo_wait.gif' />");
})ajaxStop(function(){
   $(this).empty();
});

如果添加到自执行函数或脚本的dom ready逻辑中,这将基本上添加一个侦听器,此侦听器将等待与run相关的任何ajax。

$.post()
$.get()
$.ajax()
$.getJSON()
$.postJSON()
//any I missed?

我也注意到你提到了phonegap,你现在正在使用他们建议用于AJAX请求的xhr.js吗?如果不是我建议调查的东西,由于相同的域策略,你的AJAX可能只是默默地,非常快地失败。 xhr.js结束了相同域策略的范围。