jQuery spinner没有在ajax帖子上工作

时间:2013-07-29 14:49:42

标签: jquery

我遇到问题让我的微调器显示在ajax帖子上。我尝试了几种不同的方法,但我无法显示然后隐藏。如果我使用showPageLoagingMsg并且在微调器出现后不隐藏它,但当然不会消失。我不反对任何关于如何让加载器显示然后隐藏这个ajax帖子的建议。

这是我的代码:

var authorizationToken = "Basic " + userId + ":" + password;
    $(document).ready(function () {
        $.ajax({
            type: "POST",
            async: false,
            beforeSend: function (request){ 
             request.setRequestHeader("AUTHORIZATION", authorizationToken);
             //$.mobile.showPageLoadingMsg("a", "Loading"); -- Not working I know its deprecated but I thought I would try it any way
             $.mobile.loading('show', {theme:"a", text:"Please wait...", textonly:false, textVisible: true}); 
            },
            url: url,
            dataType: "xml",
            success: function (xml) {
               //do stuff here
            },
            error: function (x, status, error) {
              //Do more stuff here
            },
       complete: function(){
            $.mobile.loading('hide');
                //$.mobile.hidePageLoadingMsg();
        }
        });
    })

非常感谢任何建议/解决方案!

1 个答案:

答案 0 :(得分:0)

我所做的是解决这个问题,将调用点击显示,然后添加一个超时来隐藏它。似乎工作得很好。

 <script type="text/javascript">
       $("#refreshButton").click(function (e) {
         $.mobile.loading('show');
         RefreshDataSubmit(); //Where im doing the ajax post
         setTimeout(function(){
          $.mobile.loading('hide');
         }, 5750);
       });
    </script>