[AJAX] object not defined

Question

function a() {
  przedmiot = pobierz_lista_function()
}
function pobierz_przedmioty_lista_function() {
  console.log("pobierz_przedmioty_lista_function");
  $.ajax({
    async: "false",
    url: "Odczytaj/przedmioty.php",
    method: "post"
  })
  .done(res => {
    przedmioty = JSON.parse(res);
  })
  .fail(error => {
    console.error(error);
  });
  return przedmioty;
}

Funkcja a wywoływana jest przy naciśnięciu przycisku. Przy pierwszym wywołaniu dostaje komunikat:

pobierz_dane.js:62 Uncaught ReferenceError: przedmioty is not defined
    at pobierz_przedmioty_lista_function (pobierz_dane.js:62)
    at HTMLDivElement.Przedmioty_function (main.js:176)
    at HTMLDivElement.dispatch (jquery-3.3.js:2)
    at HTMLDivElement.y.handle (jquery-3.3.js:2)

Przy drugim wywołaniu wszystko działa. async: false nie powinno temu zapobiegać? Jak to poprawić?

Answer 1

Źle do tego podchodzisz.

Zacznijmy od tego, że Twoje użycie async: false w ten sposób jest oficjalnie w jQuery zdeprecjonowane. W ogólności wykonywanie synchronicznych zapytań jest unikane.

Twoje `pobierz_przedmioty_lista_function` powinno zwrócić sam promise, a w kolejnej funkcji dać

function a() {
  pobierz_lista_function().then(przedmiot => {
    // cokolwiek chcesz zrobić z przedmiotem
  });
}

Albo użyć async/await:

async function a() {
  let przedmiot = await pobierz_lista_function();
}

 

Comments

Z await efekt jest taki sam. Sprawdzę jeszcze z promise. Inne funkcje pobierające dane działają poprawnie za pierwszym razem.

---

Z await efekt jest taki sam. Sprawdzę jeszcze z promise

(Pokaż co robisz.)

---

async function a() {
  przedmioty = await pobierz_przedmioty_lista_function();
  console.log(przedmioty);
 
}

pobierz_przedmioty_lista_function bez zmian.

---

pobierz_przedmioty_lista_function bez zmian.

To nie zrozumiałeś.

Twoje `pobierz_przedmioty_lista_function` powinno zwrócić sam promise

Czyli

function pobierz_przedmioty_lista_function() {
  return $.ajax({
    url: "Odczytaj/przedmioty.php",
    method: "post",
    dataType: "json",
  });
}