Почему не происходит создания массива после отлова события?

Question

[A R]

Добрый день.

Я совсем новичок в разработке, а особенно в JS.

У меня есть событие, которое отлавливает пропадание фокуса с определенного поля, далее при его наступлении должен создаваться объект, который должен аяксом отправляться на определенный адрес. Проблема: событие отлавливается, но объект почему-то не создается, и аяксом уходит пустой объект. Если попробовать убрать аякс, то объект появляется в консоли и все ок (причем, алерт который стоит для тестирования после выполнения аякс запроса срабатывает).

В чем может быть проблема?

$( '#invoice-invoice_number' ).on( 'blur' , function() { 
    var invoice = [];
    invoice['id_partner'] = $( '#invoice-id_partner' ).val();
    invoice['number'] = $( '#invoice-invoice_number' ).val();
    invoice['date'] = $( '#invoice-invoice_date' ).val();
    invoice['contract'] = $( '#invoice-contract' ).val();
    console.log(invoice)
  
        $.get('" . Url::toRoute('invoice/add-to-session') . "?add=' + invoice, function( resp ){
            alert ( invoice );
            })
        });

Answer 1

[Stalker_RED]

Проблема, скорее всего, из-за неправильного вызова $.get
Объект вручную собирать не обязательно, в jQuery есть .serialize(), а в "чистом" js есть FormData.

$('input[name=invoice-invoice_number]').on('blur', function(){
  let myData = $(this.form).serialize();
  $.ajax({
    url: "/echo/json/",
    method: 'POST',
    data: myData
  }).done(function() {
    console.log (myData)
  });
})

Живая демка: https://jsfiddle.net/wb5nv0u8/

Comments

[A R]

сделал
data: { myData : myData }

а в принимающем экшене

public function actionAddToSession($myData)
{
$session = Yii::$app->session;
$session->set('invoice', $myData);
return $myData;
}

Но получается ошибка: POST domain/invoice/add-to-session 400 (Bad Request)

[A R]

Понял! ПРоблема была в неправильном использовании пост. Спасибо!

Answer 2

[Сергей Соколов]

У вас неправильно вызывается jQuery.get().

invoice – массив / объект, его надо вторым параметром передавать. Непонятно, какое строковое значение надо назначить параметру add.

Например, чтобы все данные оказались в GET-переменной "add" можно так:

var url = '<?php echo Url::toRoute('invoice/add-to-session'); ?>';
$.get(
    url,
    { "add" : invoice},
    function( resp){ alert ( JSON.stringify(invoice)) }
);

Корректнее данные для сохранения отправлять не GET, а POST-запросом. Хотя тут это не принципиально.

Comments

[A R]

Понял. Тогда вопрос в другом. Я буду передавать объект вторым параметром, а как на принимающей стороне взять эти данные ? По моей прошлой задумке они должны были быть просто в $add массива GET.

[A R]

И даже если я убираю из аякса объект, а посылаю просто тестовые данные в $add, то все равно создание объекта и вывод его в консоль не происходит.

$( '#invoice-invoice_number' ).on( 'blur' , function() {
var invoice = [];
invoice['id_partner'] = $( '#invoice-id_partner' ).val();
invoice['number'] = $( '#invoice-invoice_number' ).val();
console.log(invoice)

$.get('" . Url::toRoute('invoice/add-to-session') . "?add=ajaxsended', function( resp ){
alert ( resp );
})
});

[Сергей Соколов]

A R: обновил ответ по первому комментарию

[A R]

Сергей Соколов: joxi.ru/J2bX4nLt6Kjer6

[A R]

Сергей Соколов: я поменял строку назначения URL на var url = '" . Url::toRoute('invoice/add-to-session') . "';

иначе по ней выводилась ошибка Uncaught SyntaxError: Unexpected identifier

Но все равно в конце файла теперь какая то ошибка

Answer 3

[Александр Манаков]

Вы создаете не объект, а массив. Чтобы создать объект сделайте
var invoice = {};

Comments

[A R]

Попробовал, но ничего не поменялось.