响应需要一段时间后,我应该如何显示微调器图像

时间:2015-08-12 18:12:29

标签: javascript jquery html

我完全是新手用户界面开发,请问有人告诉我如何在响应进入浏览器之前显示微调/加载图形图像。

我刚尝试使用JQuery库,如下所示:

$("#signupdialog").dialog({
            title : 'Sign-up Popup',
            width : 500,
            height: 550,
            buttons: [
                      {
                          text : 'Sign-up',
                          icons: {
                                    primary: "btn-primary"
                                 },
                          click : function(){
                              var fname = $("#userFirstName").val();
                              var lname = $("#userLastName").val();
                              var email = $("#userEmail").val();
                              var pwd = $("#userPwd").val();
                              $.get("../../rest/user/save",{
                                            fname: fname,
                                            lname: lname,
                                            email: email,
                                            pwd : pwd
                                        },function(data,status){
                                            $("#result").html("<img src='../images/ajax-loader.gif' height='100px'width='100px'>");
                                            if(status == 'success'){
                                                $("#result").html('');
                                                $("#result").html("<font color='green'>"+data+"</font>");
                                            }
                                });
                          }
                      },
                      {
                          text : 'Cancel',
                          icons: {
                                    primary: "btn-warning"
                                 },
                          click : function(){
                              $(this).dialog("close");
                          }
                      }
                      ],
            closeText : 'CLOSE',
            autoOpen : false,
            modal : true,
            draggable : false,
            resizable : false
    });

在保存操作状态200到来之后,我只得到了“保存”消息(我用服务器端语言写的内容)。但是在这里我需要在保存操作之前插入微调器图形文件它意味着正在进行保存操作

你能不能请别人帮助我。

1 个答案:

答案 0 :(得分:1)

移动

$("#result").html("<img src='../images/ajax-loader.gif' height='100px'width='100px'>"); 

在$ .get行

之上