Блог

Мой PHP-файл выполняет 2 операции: 1. Отправляет данные из формы в таблицу БД, 2. Отправляет электронное письмо.

Что я хочу сделать, так это показывать сообщения о состоянии через ajax. Например, «Первая операция выполнена, пожалуйста, подождите вторую», а затем, когда вторая операция будет завершена, отобразите следующее сообщение «Вторая операция тоже выполнена». Теперь мой ajax выглядит вот так.

Как я могу это изменить?

 //add status data to form
        form.data('formstatus', 'submitting');

        if (validate()) {
            //send data to server for validation
            $.ajax({
                url: formUrl,
                type: formMethod,
                dataType: "json",
                data: formData,
                success: function (data) { 
                    $.notifyBar({
                        cls: data.status,
                        html: data.message
                    });
                    form.data('formstatus', 'idle');
                }
            });

        }
  

в блоке success вы можете выполнить другой вызов ajax. Это самое простое. Вы можете сделать это в .success(), .ajaxSucces(), .complete() или .then() функционируют следующим образом: $.ajax (…).success(…);

в идеале вы бы встроили код в функцию, например

 $.ajax({
    url: formUrl,
    type: formMethod,
    dataType: "json",
    data: formData,
    success: function (data) {
        notifyResponse(data); 
        form.data('formstatus', 'idle');
        sendMail();
    }
});

function sendMail() {
    $.get(mailUrl, function(data) {   // or $.post(...
        notifyResponse(data);
    });
}

function notifyResponse(data) {
    $.notifyBar({
        cls: data.status,
        html: data.message
    });
}
  

Если вам нужно выполнить две операции с разным временем выполнения, просто отправьте два разных AJAX-запроса и получите от них ответы.

Разделите свой PHP-сервис на две части. Если вторая часть зависит от первой, вместо того, чтобы отправлять два запроса одновременно, отправьте второй запрос, когда вернется первый.

Другими словами, в вашем успешном обратном вызове вы собираетесь уведомить пользователя о том, что первая операция завершена, и вы переходите к вызову второй операции, чей успешный обратный вызов сообщит, что вторая операция завершена.