Не могу написать promise, не работает?

Question

[Тарас Паращук]

Доброго дня.
Не могу написать промис. Первый раз имею с ним дело. С примерами вроде разобрался а на деле не работает.
Вот например есть функция получения данных по AJAX, надо ее выполнить, потом нарисовать таблицу.

Вот функция получения данных:

function get_organizations() {
		var data = {
			action: 'get_organizations',
					    }
		 jQuery.post( ajaxurl, data, function( resp ){
			console.log( 'response: ' + resp );  //выводится вторым
          
			organizations = JSON.parse(resp);	 
		
		 return 1;
	});

Вот допустим промис и функция:

let promise = new Promise(function(resolve, reject) {
  	        resolve(get_organizations());
  	              });
    promise.then(
        result => console.log(organizations),  // выполняется  первым
        error => alert(error)  );

Что то непонятно, функция которая должна вызываться второй, вызывается первой.

Answer 1

[Вадим]

1. Вы сразу резолвите промис тем, что возвращает функциюя get_organizations.
2. А функция у Вас ничего не возвращает. Соответственно, вы резолвите свой промис значением undefined.
3. Что такое organizations в этой строчке result => console.log(organizations)?
4. у jQuery есть своя система промисов - deferred объекты. На хабре есть статьи с примерами.
Итого, причешим Ваш код:

function get_organizations(ajaxurl) {
  var data = {
    action: 'get_organizations',
  }
  return jQuery.post( ajaxurl, data, function( resp ){
    console.log( 'response: ' + resp );
    const organizations = JSON.parse(resp);
    return organizations;
  });
}

get_organizations('https://some_url').then(organizations => console.log(organizations))

Comments

[Тарас Паращук]

organizations это массив, который заполняется данными функцией get_organizations( ),
после должна вызываться функция отрисовки таблицы redraw_table.
Промис должен ждать когда выполниться функция get_organizations( ),
потом выполнить функцию отрисовки таблицы redraw_table,
но я решил просто посмотреть на значения массива и написал так:

result => console.log(organizations),

Словом прочитал и все понял, попробовал и понял что ничерта не понял.
А как надо было делать промисами Javascript ?

Поменял функцию:

function get_organizations() {
    var data = {
      action: 'get_organizations',
              }
     jQuery.post( ajaxurl, data, function( resp ){
      console.log( 'response: ' + resp );  //выводится вторым
          
      organizations = JSON.parse(resp);	 
    
     return organizations ;
  });

Все равно не хочет ждать,
result => console.log(organizations), // выполняется первым

[Вадим]

Тарас Паращук, А вот мой ответ, Вы, судя по всему, прочитали и не поняли.
1. Вы по прежнему ничего не возвращаете из функции get_organozations. А нужно возвращать промис либо jQeury.post.
2. Вы собственноручно сразу резолвите промис. С какой стати result => console.log(organizations), должен выполняться вторым?
Промис нужно резолвить, когда асинхронная операция завершилась.
Если хотите с использованием нативных промисов это сделать, то можно так:

function get_organizations(ajaxurl) {
  return new Promise(function(resolve) {
    var data = {
      action: 'get_organizations',
    }
    jQuery.post( ajaxurl, data, function( resp ){ // третий аргумент - функция, которая выполнится когда запрос, то есть асинхронная операция, завершится.
      console.log( 'response: ' + resp ); // это выполнится первым
      const organizations = JSON.parse(resp);
      resolve(organizations); // данные переданные в resolve попадут в console.log ниже.
    });
  })
}

get_organizations('https://some_url').then(organizations => console.log(organizations))

[Тарас Паращук]

Вот такого примера как раз в статье не было. До меня не доходило, что такое возвращать промис.
Я как раз думал, как бы мне этот resolve внутрь функции засунуть.
Вот эта статья. https://learn.javascript.ru/promise-basics
Но думаю не смогу повторить если придется еще раз.
Вы меня спасли.

[Вадим]

Тарас Паращук, Ох ну это Вы зря на библию сгрешили...
https://learn.javascript.ru/promise-basics#loadscript - точно нет примера в той статье? :-)

[Тарас Паращук]

Вадим, У меня есть оправдание, это пример для тех кто читал предыдущую статью. Я не читал.
Хотя теперь уже прочитал.