Как запустить методы объекта после работы инициализации?

WbICHA, не получилось. я с этого и начал. Слабо пока разбираюсь в JS.

Как запустить методы объекта после работы инициализации?

Благодарю.

Где в скрипте лишний / неправильный return?

спасибо

Где в скрипте лишний / неправильный return?

то есть, выходит я всё верно сделал?)

Как прочитать файл в момент отправки?

Надим Закиров, да решение то уже написали ниже. там не всё так просто было.

Как прочитать файл в момент отправки?

Надим Закиров, ну конечно. просто я не разобрался как результат работы FileReader сохранить в переменную. В инете много примеров, где через callback данные сохраняются. А я не настолько крут в этом языке, чтобы осилить такое)

Как прочитать файл в момент отправки?

Надим Закиров, ну потому что в ajax улетают все данные. name, price и картинка в виде blob

Как прочитать файл в момент отправки?

спасибо. вот это код)))) теперь его разбирать

Как прочитать файл в момент отправки?

Надим Закиров, rороче, надо весь код отсюда

document.getElementById('file').addEventListener('change', function (e){
  //этот код
});

перетащить в send()
без использования промежуточного поля hidden

Как прочитать файл в момент отправки?

Надим Закиров, да, но мне бы используя FileReader добавить переменную
data.file = result_FileReader;
к общему объекту

let data = {
    name: document.getElementById('name').value,
    price: document.getElementById('price').value,
  };

Как прочитать файл в момент отправки?

Надим Закиров, Мне надо отправить POST на сервер. В поля name и price я вписывают название и цену. Пока всё просто.

Далее выбираю файл, который тоже надо отправить и я хочу, чтобы FileReader сработал не тогда, когда я прикрепил файл, а когда нажал кнопку отправить.

<input type="button" value="Send" onclick="send()">

Иными словами тут должно быть так

function send(){

  let data = {
    name: document.getElementById('name').value,
    price: document.getElementById('price').value,
  };

  //если файл добавлен в поле input file то вызвать FileReader и результат его работы запихать вот сюда
  //data.file = результат FileReader

  console.log(data);
}

Как обернуть мой код в класс?

Олег, ну вот сделал)

Как обернуть мой код в класс?

Я верно сделал?) Есть какие-то замечания или в таком стиле можно программировать и дальше?

let my = {

  items: [],

  init: function() {
    this.getData();
  },

  getData: function(){
    this.items = this.getJson({'action': 'get_items'});
  },

  getJson: function (param = null){

    /*let req = new XMLHttpRequest();
    req.open('POST', '/json.php');
    if(param === null){
    req.send();
    }else{
    req.send(JSON.stringify(param));
    }
    req.onreadystatechange = function(){
    if(req.readyState === 4 && req.status === 200){
      return JSON.parse(req.responseText);
    }
    }*/

    return [1,2,3,4,5];
  }

}

my.init();
console.log(my);

Как обернуть мой код в класс?

Олег, да в том и дело, что от него ухожу. Спасибо. Буду разбираться.

Как обернуть мой код в класс?

По большому счету у меня всего 3 метода
1. получить данные getData
2. на основе их создать таблицу. createTable
3. Установить addEventListener на только что созданные элементы.

Мой код очень похож на разбросанные данные и функции, которые я никак не могу обернуть в одно целое)

Как обернуть мой код в класс?

Евгений Палыч, в любом случае свойства и методы какого-то одного объекта удобней всего группировать в классы.

Как обернуть мой код в класс?

спасибо, понял куда копать. Под фразой "создать объект JavaScript" чаще всего вылетает информация не как о классе.

Как обернуть мой код в класс?

Ярослав Иванов, ну например чтобы this использовать и вообще, чтобы функции были методами конкретного объекта, а не как сейчас, всё глобально.

Как обернуть мой код в класс?

Евгений Палыч, а какая? например table_items доступен теперь везде.

Почему, у наследника свойство пустое?

Илья Хребет, спасибо