Why is the data sent by a Get request and not a post as I indicated?

Question

JavaScript

The form

<?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);

Handler

<?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);
}

}
?>

The problem is that the request is not sent by post, although the method is explicitly specified in the script. Despite this, it is sent via get.

Answer 1

I'm assuming that when the "Add" button is clicked, the form is sent to the server before the JS is processed.
Alternatively, you can replace it with Also edit the handler:

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

Answer 2

$(this).serialize(); returns a string. and data should have an object

Answer 3

Try like this:
<form id="formPromo" method="post">

Answer 4

try along with (for versions below 1.9.0) specify (version added: 1.9.0)

Answer 5

Perhaps it will help someone: just in case, check the order of including JS files.