Почему отправка сообщений через ajax работает не во всех браузерах?

Question

[Владислав]

Есть сайт на Wordpress. Отправка через ajax. Почему-то не во всех браузерах "Сообщение отправлено". Кое-где "Сообщение не отправлено". Вернее, видимо, играет роль версия браузера, т.к. у меня во всех браузерах (Хром, Яндекс, Мозилла, Опера, Сафари) всё нормально. У клиента же не во всех отправляется. Знаю минимум про Яндекс.Браузер.
Вот коды:

<?php
$mail = '[e-mail]';
if ( isset($_POST["name"]) && isset($_POST["tel"]) && isset($_POST["proc"]) && isset($_POST["date"]) ) { 
	if ( $_POST["name"]!='' && $_POST["tel"]!='' && $_POST["date"]!='' && $_POST["proc"]!='' ){
	// Формируем массив для JSON ответа
    $result = array(
    	'name' => $_POST["name"],
    	'tel' => $_POST["tel"],
    	'proc' => $_POST["proc"],
    	'date' => $_POST["date"]
    ); 
    // Переводим массив в JSON
    echo json_encode($result); 
	}else{
		alert('Заполните поля');
	}
}
	$headers = 'From: [e-mail]' . "\r\n" .
    'Reply-To: [e-mail]' . "\r\n" .
    'X-Mailer: PHP/' . phpversion();
	 $title = 'Запись на приём';
	 $message="
		Имя: ".iconv( 'UTF-8','utf-8',$_POST['name'])."
		Телефон: ".iconv( 'UTF-8','utf-8',$_POST['tel'])."
		Процедура: ".iconv( 'UTF-8','utf-8',$_POST['proc'])."
		Дата: ".iconv( 'UTF-8','utf-8',$_POST['date']);
		mail($mail, $title, $message, $headers);
?>

JS:

$( document ).ready(function() {
    $("#btn").click(
		function(){
			sendAjaxForm('result_form', 'ajax_form', 'action_ajax_form.php');
			return false; 
		}
	);
});
function sendAjaxForm(result_form, ajax_form, url) {
    $.ajax({
        url:     'action_ajax_form.php', //url страницы (action_ajax_form.php)
        type:     "POST", //метод отправки
        dataType: "html", //формат данных
        data: $("#"+ajax_form).serialize(),  // Сеарилизуем объект
        success: function(response) { //Данные отправлены успешно
        	result = $.parseJSON(response);
        	$('#result_form').html('Имя: '+result.name+'<br>Телефон: '+result.tel+'<br>Процедура: '+result.proc+'<br>Дата: '+result.date);
			swal({
				type: 'success',
				text: 'Сообщение отправлено',
			});
    	},
    	error: function(response) { // Данные не отправлены
            $('#result_form').html('Ошибка. Данные не отправлены.');
			swal({
				type: 'error',
				text: 'Сообщение не отправлено',
			});
    	}
 	});
}

-------------------------------------
UPD:
Оказалось, что не отправляется только при переходе из Яндекса, т.к. добавляется https. С https в адресе не отправляет сообщения. Что делать?

Answer 1

[Владислав]

UPD:
Оказалось, что не отправляется только при переходе из Яндекса, т.к. добавляется https. С https в адресе не отправляет сообщения.
Исправил http на https:
url: 'https://dummy.ru/action_ajax_form.php', //url страницы (action_ajax_form.php)

Answer 2

[dollar]

Пусть клиент перечислит браузеры, для которых хочет совместимости.
Дальше, думаю, не проблема отладить скрипт для каждого в отдельности.
Ни вы, ни мы не должны гадать, что там за "не все" браузеры у клиента, может он вообще имеет в виду Netscape Navigator.

Comments

[Владислав]

А как это вообще можно сделать? Допустим он перечислит версии браузеров, а дальше что?

[dollar]

Сначала - проверить, работает ли скрипт в каждом браузере.
Если что не так - мучить уже сам скрипт и соответствующий браузер на предмет совместимости.
В крайних случаях можно заявить о том, что поддержка какого-то браузера невозможна, но это клиент должен назвать совсем древние браузеры, которые не знают о xhr.

[Александр]

Пока видится 2 пути

1. Добавить отладку со сбором информации об используемом клиенте (браузере)

2. Найти замену функционалу, чтобы проверить в первую очередь - какой функционал будет работать во всех броузерах.

[dollar]

А в чем проблема спросить заказчика?

Ну, окей, если нельзя спрашивать, то самый легкий путь - взять голый XMLHttpRequest и обращение к ActiveX для древних IE. Если это не поможет, то уже ничто не поможет, и можно говорить о невозможности нормальной поддержки ajax.

Пример, требующий доработки

function postData() {
    var http;

    if (window.XMLHttpRequest) {
         // code for IE7+, Firefox, Chrome, Opera, Safari
         http = new XMLHttpRequest();
    }
    else {
         // code for IE6, IE5
         http = new ActiveXObject("Microsoft.XMLHTTP");
    }
    var url = "/script.php";
    var params = "";
    http.open("GET", url, true);

   //Send the proper header information along with the request
   http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   http.setRequestHeader("Content-length", params.length);
   http.setRequestHeader("Connection", "close");
   http.onreadystatechange = function() { //Call a function when the state changes.
       if(http.readyState == 4 && http.status == 200) {

       }
   }
   http.send(params);
}

[Владислав]

dollar, проблемы нет. Спрошу.