ajax sending form n works, gives an error in the console as in the screenshot enter image description here

btnSubmit.onclick = function(){ // ΠŸΠΎΠ»ΡƒΡ‡Π΅Π½ΠΈΠ΅ ID Ρ„ΠΎΡ€ΠΌΡ‹ var formID = 'price_form'; // Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Ρ€Π΅ΡˆΡ‘Ρ‚ΠΊΠΈ ΠΊ ΠΈΠΌΠ΅Π½ΠΈ ID var formNm = $('#' + formID); $.ajax({ type: "POST", url: 'assets/snippet/ajax.php', data: formNm.serialize(), success: function (data) { // Π’Ρ‹Π²ΠΎΠ΄ тСкста Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π° ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ $('#message').html(data); setTimeout(function(){ $('#message').html(' '); },5000); location.reload(); }, error: function () { // Π’Ρ‹Π²ΠΎΠ΄ тСкста ошибки ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ $('#message').html('Ошибка'); setTimeout(function(){ $('#message').html(' '); },5000); } }); return false; }; </script>

form itself

 <form id="price_form" action="" name="price_form"> <input type="hidden" name="id_user" value="3"> <div class="data-left"> <label for="">Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ сумму Π²Ρ‹ΠΏΠ»Π°Ρ‚Ρ‹, Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 20 Π </label> <input type="text" min="20" name="sum_user"> </div> <div class="data-left"> <label for="">Π’Π°Ρˆ баланс:</label> <span class="balance">120 Π </span> </div> <div class="data-left small"> <label for="">Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ счСт:</label> <input type="text" name="invoice"> </div> <div class="data-left small"> <button type="button" id="btnSubmit" class="btn-submit">ΠŸΡ€ΠΎΠΈΠ·Π²Π΅ΡΡ‚ΠΈ Π²Ρ‹ΠΏΠ»Π°Ρ‚Ρƒ</button> </div> </form>

    1 answer 1

    I decided, I made a connection code to the database in ajax.php and it worked

     define('MODX_API_MODE', true); require_once dirname(dirname(__FILE__)).'/index.php'; define("IN_PARSER_MODE", "true"); @include('config.core.php'); if (!defined('MODX_CORE_PATH')) define('MODX_CORE_PATH', $_SEVER['DOCUMENT_ROOT'].'/core/');