Javascript Jquery在php处理时显示消息

我正在使用jQuery ajax调用对表单进行后期处理。
我想在处理表单和操作完成时显示加载消息或图像，以显示完整消息。
我该怎么做？
这是我的jQuery代码

$s('body').on('click', '#group-update', function() {
    var formInputs = $s('input').serializeArray();
    var groupId = $s(this).data('group');
    var error = $s('#modal .info');
    var tr = $s('#dataT-attrgroup').find('tr.on_update');

    formInputs.push({
        name: 'id',
        value: groupId
    });

    $s.ajax({
        type: 'post',
        url: 'index.php?controller=attribute&method=updateGroup',
        data: formInputs,
        dataType: 'JSON',
        success: function(data) {
            if(data.response === false){
                error.addClass('info-error');
                error.html(data.message);
            }else{
                oTable.row(tr).data(data).draw();
                $s('#modal').modal('hide');
                tr.removeClass('on_update');
                $s.growl.notice({
                    title: 'Success',
                    message: 'Grupul de atribute a fost actualizat'
                });
            }

        }
    });
});

---

根据PHP文档：

上载正在进行，并且发布与会话同名的变量时，$\u会话超全局将提供上载进度。upload\u progress.name INI设置设置为。当PHP检测到此类POST请求时，它将在$\u会话中填充一个数组，其中索引是SESSION.upload\u progress.prefix和SESSION.upload\u progress.name INI选项的串联值。通常通过读取这些INI设置来检索密钥，即

你应该看看：

---

我想这一定会帮到你的

在ajax函数显示加载程序之前，在ajax函数的成功函数中隐藏它

正如您在我的示例中所看到的，我插入了

$（'.loader'）.show（）

和

$（'.loader'）.hide（）

在启动$.ajax（）之前显示您的消息；
并在成功（和错误）回调函数中关闭它。
例如：

$s('body').on('click', '#group-update', function() {
var formInputs = $s('input').serializeArray();
var groupId = $s(this).data('group');
var error = $s('#modal .info');
var tr = $s('#dataT-attrgroup').find('tr.on_update');

formInputs.push({
    name: 'id',
    value: groupId
});

var dlg = $s('<div/>').text('your message').dialog();

$s.ajax({
    type: 'post',
    url: 'index.php?controller=attribute&method=updateGroup',
    data: formInputs,
    dataType: 'JSON',
    error:function() {
        dlg.dialog('close');
        },
    success: function(data) {

        dlg.dialog('close');

        if(data.response === false){
            error.addClass('info-error');
            error.html(data.message);
        }else{
            oTable.row(tr).data(data).draw();
            $s('#modal').modal('hide');
            tr.removeClass('on_update');
            $s.growl.notice({
                title: 'Success',
                message: 'Grupul de atribute a fost actualizat'
            });
        }

    }
});
});

$s（'body'）。在（'click'，'#group update'，function（）上{
变量formInputs=$s（'input'）.serializeArray（）；
var groupId=$s（this）.data（'group'）；
var error=$s（'#modal.info'）；
var tr=$s（'#dataT attrgroup'）。find（'tr.on_update'）；
formInputs.push({
名称：“id”，
值：groupId
});
var dlg=$s（“”）.text（'your message'）.dialog（）；
$s.ajax({
键入：“post”，
url:'index.php？controller=attribute&method=updateGroup'，
数据：formInputs，
数据类型：“JSON”，
错误：函数（）{
dlg.dialog（“关闭”）；
},
成功：功能（数据）{
dlg.dialog（“关闭”）；
如果（data.response==false）{
error.addClass（'info-error'）；
error.html（data.message）；
}否则{
oTable.row（tr）.data（data.draw（）；
$s（“#modal”）.modal（'hide'）；
tr.removeClass（'on_update'）；
$s.咆哮，注意({
标题:"成功",，
信息：'Grupul de atribute a fost Realizat'
});
}
}
});
});
如果您浏览jquery文档的ajax部分，您会注意到更多的方法，如success ie error、beforesend、complete等。下面是代码片段


$s.ajax({
键入：“post”，
url:'index.php？controller=attribute&method=updateGroup'，
数据：formInputs，
数据类型：“JSON”，
beforeSend:function（）{
//加载消息或图像
},
成功：功能（数据）{
//根据需要编写代码
},      
完成：函数（）{
//在先前添加消息或图像的位置加载完整消息，因此先前的消息或图像将被覆盖
}  
});my for在处理之前经过验证加载消息应该在php调用时显示我相信有一些先进的技术可以做到这一点，比如通过ajax上传文件，但是如果你想保持简单，我建议两个选项：1。办理登机手续，2。创建2个ajax请求
$s('body').on('click', '#group-update', function() {
var formInputs = $s('input').serializeArray();
var groupId = $s(this).data('group');
var error = $s('#modal .info');
var tr = $s('#dataT-attrgroup').find('tr.on_update');

formInputs.push({
    name: 'id',
    value: groupId
});

var dlg = $s('<div/>').text('your message').dialog();

$s.ajax({
    type: 'post',
    url: 'index.php?controller=attribute&method=updateGroup',
    data: formInputs,
    dataType: 'JSON',
    error:function() {
        dlg.dialog('close');
        },
    success: function(data) {

        dlg.dialog('close');

        if(data.response === false){
            error.addClass('info-error');
            error.html(data.message);
        }else{
            oTable.row(tr).data(data).draw();
            $s('#modal').modal('hide');
            tr.removeClass('on_update');
            $s.growl.notice({
                title: 'Success',
                message: 'Grupul de atribute a fost actualizat'
            });
        }

    }
});
});