Почему данные отправляются Get запросом а не пост как я указал?

Question

[Александр Ivanov]

Форма

<?php
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("Добавление акции");
?>
	<form id="formPromo">
	    Название:<input name='name'/><br>
	    Дата:<input name='date' type ='date'/><br>
	    Описание:<textarea name='discription'></textarea><br>
	    Ссылка:<input name='addres'/><br>
	    Картинка:<input name='picture' type ='file'/><br>
	    <input value='Добавить' type='submit'>
	</form>
 <?php require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>

Jquery

(function ($) {
jQuery(document).ready(function ($) {
$("#formPromo").submit(function () {        
            var form_data = $(this).serialize();
            $.ajax({
                type: "POST",
                url: "/promo/edit/promo.php",
                data: form_data,
                success: function () {
                    alert('Форма успешно отправлена!');           
                }
            });
            return false;
        });
});
               })(jQuery);

Обработчик

<?php

$APPLICATION->SetTitle("Title");

if(isset($_POST['name'])&&$_POST['name']!="")
{
$name = htmlentities($_POST['name']);
//$date = htmlentities($_POST['date']);
//$discription = htmlentities($_POST['discription']);
//$addres = htmlentities($_POST['addres']);
//$picture =  htmlentities($_POST['picture']);
 

if (CModule::IncludeModule('iblock')){
            $el = new CIBlockElement;

            $arProp["NAME"] = $name;  
	    
           
           $arFields = array(
                'NAME' => $fio."-".$mail,               
                'MODIFIED_BY' => $USER->GetID(),             
                'IBLOCK_ID' => 13,
                'ACTIVE' => 'Y',


                'PROPERTY_VALUES' => $arProp
            );

            $intOfferID = $el->Add($arFields);
}

}
?>

Проблема в том, что запрос отправляется не постом, хотя в скрипте явно указан метод. Несмотря на это отправляется через get.

Comments

[Alex]

а зачем тут jquery?
method="post" action="/promo/edit/promo.php"

[Александр Ivanov]

Alex, AJAX

[Alex]

Зачем тут AJAX?

И с чего вы взяли что отправляется GET? В консоли смотрели?

[Александр Ivanov]

Alex, по урлу видно

[Alex]

Какому урлу? В консоли браузера что отображается?
Консоль - Network - XRN

Answer 1

[Sergey Kuzmenko]

Я предполагаю, что при нажатии на кнопку "Добавить" форма отправляется на сервер ещё до обработки JS.
Как вариант, можно заменить
<input value='Добавить' type='submit'>
на
<button id="submit">Добавить</button>
Так же подредактировать обработчик:

$("#submit").click(function () {        
            var form_data = $("#formPromo").serialize();
            $.ajax({
                type: "POST",
                url: "/promo/edit/promo.php",
                data: form_data,
                success: function () {
                    alert('Форма успешно отправлена!');           
                }
            });
            return false;
        });
});

Comments

[Александр Ivanov]

Решение было немного другим, но это интересная реализация)

Answer 2

[Александр Ivanov]

Проблема решена) Возможно ответ кому-то пригодится)
Вместо url: "/promo/edit/promo.php" -> url: "account/promo/edit/promo.php"
+
Написание скрытого инпута на форме, для передачи id блока обработчику.

Answer 3

[Олег Поляков]

$(this).serialize(); возвращает строку. а в data должен быть объект

Comments

[Александр Ivanov]

Уточните) как объект взять?

[Anton Mashletov]

Ерунда. Можно и так, и так. Если указать объект, то он тоже сериализуется, но уже при отправке.

[Олег Поляков]

{
name: $("name='name'").val(),
date: $("name='date'").val(),
discription: $("name='discription'").val(),
addres: $("name='addres'").val(),
}

А вот как отправить файл через ajax совсем другая история. Отдельным запросом

Answer 4

[evgennikolaevich]

Попробуйте так:
<form id="formPromo" method="post">

Comments

[Александр Ivanov]

пробовал

[Anton Mashletov]

Александр Ivanov, и все равно GET? Фигня какая-то? А без Аякса тоже GET?

[evgennikolaevich]

Как вариант

$("#formPromo").submit(function (e) {        
            var form_data = $(this).serialize();
            $.ajax({
                type: "POST",
                url: "/promo/edit/promo.php",
                data: form_data,
                success: function () {
                    alert('Форма успешно отправлена!');           
                }
            });
            e.stopPropagation();
            e.preventDefault();
        });

Answer 5

[Айнур Валиев]

попробуй наряду с
type: "POST",
(для версий ниже 1.9.0)
указать
method: 'post'
(version added: 1.9.0)

Comments

[Александр Ivanov]

не помогло

Answer 6

[Степан]

Возможно, кому-то поможет: на всякий случай, проверяйте порядок подключения JS-файлов.