Les queria consultar lo siguiente ya que estoy teniendo problemas para obtener la respuesta desde el archivo PHP luego que se procesa la información de un formulario enviado con $.Ajax. A continuación les paso el código que he utilizado:
main.js:
$('#contact-form').on('submit', function (e) {
if (!e.isDefaultPrevented()) {
var url = "assets/php/contact.php";
e.preventDefault();
$.ajax({
method: "POST",
dataType: 'json',
url: url,
data: $(this).serialize(),
success:function(data){
var messageAlert = 'alert-' + data.type;
var messageText = data.message;
var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>' + messageText + '</div>';
if (messageAlert && messageText) {
$('#contact-form').find('.messages').html(alertBox);
$('#contact-form')[0].reset();
}
}
});
return false;
}
});
contact.php
$okMessage = 'Contact form successfully submitted. Thank you, I will get back to you soon!';
$errorMessage = 'There was an error while submitting the form. Please try again later';
if (!$mail->send()) {
throw new \Exception('I could not send the email.' . $mail->ErrorInfo);
}
$responseArray = array('type' => 'success', 'message' => $okMessage);
if (!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
$encoded = json_encode($responseArray);
header('Content-Type: application/json');
echo $encoded;
} else {
echo $responseArray['message'];
}
via consola de Chrome observo esto pero no ejecuta la secuencia de instrucciones luego del success ( el protocolo que usa el servidor es https )
{"type":"success","message":"Contact form successfully submitted. Thank you, I will get back to you soon!"}