Не работает ajax в промисах?

Question

[string15]

Привет! Изучаю промисы, вроде все работает как мне нужно, но в конце не срабатывает ajax запрос!
Не пойму в чем дело?

export function getDocList(options) {
  // const url = 'data.json';
  const url =
    `http://192.168.235.188:9081/prototype/docList?clientName=${options.client}&Q=${options.period}&year=${options.year}`;

  return ((dispatch) => {
    dispatch({
      type: GET_DOCLIST_REQUEST,
      payload: 'Loading...'
    });

    axios.get(url, { crossdomain: true })
      .then((response) => {
        dispatch({
          type: GET_DOCLIST_SUCCESS,
          payload: response.data
        });
      })
      .catch((err) => {
        dispatch({
          type: GET_DOCLIST_FAILURE,
          payload: err
        });
      });
  });
}

//#################################################################################

   getDocs() {
    const dataObjForRequst = {
      client: this.props.clientIsChecked,
      year: this.props.yearIsChecked,
      period: this.props.periodIsChecked
    };

     this.props.receiveOnClick();
//Здесь в action происходит ajax запрос
     this.props.getdocList(dataObjForRequst);
  }

  changePeriodsOnPrev() {
    let promise = new Promise((resolve, reject) => {
      this.props.changePeriodsOnPrev();
      resolve("Работает!");
    });

    promise
      .then((result) => {
        this.getDocs();
    })
      .catch((err) => {
        console.log(err)
      });
  }

upd: Нашел решение, поменял местами вызовы

//Здесь в action происходит ajax запрос
     this.props.getdocList(dataObjForRequst);
     this.props.receiveOnClick();

Comments

[Антон]

Имел проблему, похожую на Вашу в связке VUE и AXIOS, где вроде бы используются промисы. Решил вопрос путем добавления в скрипт, к которому делал запрос заголовки... Для PHP это было записано так:

header('Content-type: text/html');
header('Access-Control-Allow-Origin: *');

В Вашем случае синтаксис будет, возможно другой, но, возможно, причина Ваших ошибок где-то рядом.

[string15]

Дело в том что, если реализовать без промисов, то все работает, а если в промисы запихнуть еще ajax, то никак.

Answer 1

[sergealmazov]

Ваша проблема в фундаментальном понимании как работают асинхронные операции. Изучайте основы, дальше поймете.