JavaScript-dä AJAX ýalňyşlaryny doly tutmak

fetch tarapyndan yzyna gaýtarylýan wada, diňe tor ýalňyşy ýüze çykan wagty ýalňyş bilen gutarýar. Eger serwer 404 ýa-da 500 statusy bilen jogap gaýtarsa, wada üstünlikli gutarar, ýöne ok statusy false bolup biler.

Geliň, iki görnüşli ýalňyşlary hem tutalyň:

javascriptbutton.addEventListener('click', function() {
  let promise = fetch('/ajax.html')
  .then(
    response => {
      if (response.ok) {
        return response.text();
      } else {
        console.log('jogabyň ýaman statusy');
        return '';
      }
    },
  ).then(
    text => {
      console.log(text);
    }
  ).catch(
    error => {
      console.log(error);
    }
  );
});

HTTP jogabyň ýaman statusy bilen baglanyşykly ýalňyşyň hem catch blogy tarapyndan tutulmagyny üpjün edeliň. Bun üçin ony throw arkaly daşary süzeliň:

javascriptbutton.addEventListener('click', function() {
  let promise = fetch('/ajax.html')
  .then(
    response => {
      if (response.ok) {
        return response.text();
      } else {
        throw new Error('jogabyň ýaman statusy');
      }
    },
  ).then(
    text => {
      console.log(text);
    }
  ).catch(
    error => {
      console.log(error);
    }
  );
});