Почему через Ajax не отправляется форма?

Question

[Влад]

Данным кодом обрабатываю форму при отправке:

<script>
            jQuery("form").submit(function() {
                        var form_data = jQuery(this).serialize();
                        jQuery.ajax({
                                type: "POST",
                                url: "/form1.php",
                                data: form_data,
                                success: function(data) {
                                    alert("Accepted. We will contact you within 1 hour!");
                                }
                        });
                    return false;
            });
        </script>

Однако при попытке отправить форму в консоле появляется ошибка:

Mixed Content: The page at 'https://site.ru/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'site.ru:443'. This request has been blocked; the content must be served over HTTPS.

Эта ошибка пропадает, если удалить htaccess:

RewriteEngine On

RewriteCond %{ENV:REDIRECT_STATUS} ^$
RewriteCond %{REQUEST_URI} !^/robots\.txt
RewriteRule !(^$|.*\.(css|jpg|gif|ico|png)) / [R=301,L]

RewriteCond %{QUERY_STRING} ^(.+) [NC]
RewriteRule ^(.*)$ /$1? [R=301,L]

RewriteCond %{HTTP_HOST} ^www\.(.*) [NC]
RewriteRule ^(.*)$ https://%1/$1 [R=301,L]

Но мне нужен этот htaccess.
Как его переписать, чтоб он позволял через ajax отправлять формы?

Comments

[Ярослав Иванов]

Тебе чёрным по белому написанно.

[Влад]

Ярослав Иванов, не понимаю..

[Ярослав Иванов]

Влад, переводил?)

[Влад]

Ярослав Иванов, я понимаю перевод, но не понимаю как исправить проблему и откуда берется незащищенный запрос

[Влад]

Ярослав Иванов, я нуб

[Сергей Котов]

Смешанный контент. Страница по адресу https://site.ru/ была загружена по протоколу HTTPS, но запрашивалась небезопасная конечная точка XMLHttpRequest «site.ru:443». Этот запрос был заблокирован; содержание должно быть подано по HTTPS.

[Влад]

Сергей Котов, я не понимаю откуда беретсся «site.ru:443» и что это такое вообще за 443... нет у меня таких запросов

[Сергей Котов]

Влад, 443 это порт https

[Сергей Котов]

Влад, вот что нарыл на stackoverflow:
Если вы загрузите страницу в своем браузере, используя HTTPS, браузер откажется загружать любые ресурсы через HTTP. Как вы уже пытались, изменение URL-адреса API на HTTPS вместо HTTP обычно решает эту проблему . Однако ваш API не должен разрешать HTTPS-соединения. По этой причине вы должны либо принудительно установить HTTP на главной странице, либо запросить разрешение HTTPS-соединений.

Обратите внимание: запрос будет работать, если вы перейдете по URL-адресу API, а не попытаетесь загрузить его с помощью AJAX. Это связано с тем, что браузер не загружает ресурс из защищенной страницы, а загружает небезопасную страницу и принимает это. Однако, чтобы он был доступен через AJAX, протоколы должны совпадать.

[Влад]

Сергей Котов, не понимаю что же мне все таки надо сделать, чтоб решить проблемы?? =(

[Dimonchik]

Влад, почаще отмечать вопросы решениями

[Сергей Котов]

Влад, я думаю ajax передаёт Post запрос по http. Нужно загуглить https ajax post request

Answer 1

[dodo512]

RewriteRule !(^$|.*\.(css|jpg|gif|ico|png)) / [R=301,L]

Это правило редиректит на главную всё кроме картинок и стилей, так что запрос /form1.php будет обработан этим правилом.
Можно добавить исключение для файла RewriteCond %{REQUEST_URI} !^/form1\.php
Или для любых POST запросов RewriteCond %{REQUEST_METHOD} !POST

Comments

[Влад]

ура! спасибо!