Question

我使用ajax函数发送数据。在php进程中我运行phpmailer使用smtp gmail发送电子邮件。一切顺利，但有条件我想向用户提供等待正在进行的过程的信息。我的代码：

LoadingProccess();
var FormData = $('#subscribe').serialize(); 
$.ajax({
    type: "POST",
    url: "proses_corporate.php",
    data: FormData,
    cache: false,
    dataType: "json",
    success: function(data){
        var cek = data.result;
        $.unblockUI();
        if(cek=='Success'){
        $('#subscribe')[0].reset();
        $.blockUI({ 
            message:  '<h4>'+data.status+'</h4>', 
            timeout:   8000 ,
            css: {
              top:  ($(window).height() - 100) /2 + 'px', 
              left: ($(window).width() - 650) /2 + 'px',
              width: '650px'
        }); 
            setTimeout(function() { 
                window.location.href = 'http://www.domain.com/';
            }, 8000);
    }
      setTimeout(function() { 
          window.location.href = 'http://www.domain.com/';
      }, 8000);
    }
   },
         error: function() {
            alert('Error');
         }

});

场景：当我提交时，应用程序将被锁定并向用户显示正在进行该过程的信息。因为php需要几秒钟来处理通过smtp gmail发送邮件。

在我的php echo中，json_encode给jquery发出命令，显示进程已成功的信息。我的 php 代码：

function smtpmailer($to, $from, $from_name, $subject, $body) { 
    global $error;
    $mail = new PHPMailer();  // create a new object
    $mail->IsSMTP(); // enable SMTP
    $mail->SMTPDebug = 0;  // debugging: 1 = errors and messages, 2 = messages only
    $mail->SMTPAuth = true;  // authentication enabled
    $mail->SMTPSecure = 'ssl'; // secure transfer enabled REQUIRED for GMail
    $mail->Host = 'smtp.gmail.com';
    $mail->Port = 465; 
    $mail->Username = GUSER;  
    $mail->Password = GPWD;           
    $mail->SetFrom($from, $from_name);
    $mail->Subject = $subject;
    $mail->Body = $body;
    $mail->AddAddress($to);
    if(!$mail->Send()) {
        $error = 'Mail error: '.$mail->ErrorInfo; 
        return $error;
    } else {
        $error = 'Message sent!';
        return $error;
    }
}

使用

smtpmailer('bertho_joris@yahoo.co.id','berthojoris@gmail.com','GMAIL','Testing Form GMail','Test...Test...Test...Test...');
echo json_encode(array('status' => 'Data has been sent.', 'result' => 'Success'));

与上面的代码一样，表单将在成功处理后路由到特定页面。在我的例子中，jQuery如何在转动页面之前等待动态php的结果？

您是否必须在jQuery上使用 timeout：10000 ？它似乎不是动态的，因为时钟是手动设置的。还有另一种方式吗？

Answer 1

您可以在页面上放置一个遮罩，并在ajaxStart()上显示该遮罩，并在ajaxStop()个功能

上消失或重定向该页面

Answer 2

您可以使用beforeSend函数添加遮罩。并在完成功能上删除蒙版。

Answer 3

等待响应时，您的ajax请求超时时间更长。 e.g

$.ajax({
    type: "POST",
    url: "proses_corporate.php",
    data: FormData,
    cache: false,
    timeout: 30000, // 3 second
    dataType: "json",
    success: function(res){   }, 
    failed: function(err){   }
}

jQuery ajax等待php响应进程

3 个答案: