jQuery ajax等待php響應過程

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回聲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的結果？

你必須使用一個超時：10000對jQuery？它看起來不是動態的，因爲時鐘是手動設置的。有另一種方法嗎？

Answer 1

您在等待響應時會使您的ajax請求超時。例如

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

Answer 2

你可以把面具的頁面上，並使其在ajaxStart()可見，消失或重定向ajaxStop()功能

Answer 3

的頁面，您可以使用beforeSend函數添加蒙版。 和完整功能刪除面具。