如何将此 Jquery Ajax 转换为纯 Javascript Fetch？

Question

我想将此片段从 Jquery Ajax 转换为 Fetch Pure Javascript。 可以帮帮我吗？

我以前试过这个，但我的代码不能正常工作。 我什至在这里问了这个问题。

这就是为什么我希望你帮我把它从零转换，我做不到。

ajaxCall = $.ajax({
  url: "data.php",
  dataType: "json",
  cache: false,
  type: "POST",
  data: "ajax=1&do=check&lista=" + encodeURIComponent(leray[chenille]),
  success: function (oreen) {
    switch (oreen.enviando) {
      case -1:
        chenille++;
        $("#div1").append(oreen.cat + "<br />");
        updateProgress(chenille, leray.length);
        tvmit_wrongUp();
        break;

      case 1:
        chenille++;
        $("#div1").append(oreen.dog + "<br />");
        updateProgress(chenille, leray.length);
        tvmit_wrongUp();
        break;

      case 2:
        chenille++;
        $("#div2").append(oreen.sky + "<br />");
        nieva++;
        updateProgress(chenille, leray.length);
        tvmit_dieUp();
        break;

      case 3:
        chenille++;
        $("#div3").append(oreen.water + "<br />");
        tvmit_liveUp();
        updateProgress(chenille, leray.length);
        break;
    }

    OKTY(leray, chenille, aarsh, nieva);
  }
});
return true;

Answer 1

你可以用这个 go。

1. URL 是fetch方法中的第一个选项。
2. cache: false fetch 中的等价物是cache: 'no-cache'
3. type: POST获取中等效的 POST 是method: 'POST'
4. 您可以在 URL 中添加data作为查询
5. 获取response后将数据转换为JSON ，然后执行reponse.json()

最后，您需要在async function 中执行此操作，因此您可以await ，或者使用then语法。

try {
    const response = await fetch(`data.php?ajax=1&do=check&lista=${encodeURIComponent(leray[chenille])}`, {
      method: 'POST',
      cache: 'no-cache'
    })

    const oreen = await response.json();

    switch (oreen.enviando) {
          case -1:
            chenille++;
            $("#div1").append(oreen.cat + "<br />");
            updateProgress(chenille, leray.length);
            tvmit_wrongUp();
            break;

          case 1:
            chenille++;
            $("#div1").append(oreen.dog + "<br />");
            updateProgress(chenille, leray.length);
            tvmit_wrongUp();
            break;

          case 2:
            chenille++;
            $("#div2").append(oreen.sky + "<br />");
            nieva++;
            updateProgress(chenille, leray.length);
            tvmit_dieUp();
            break;

          case 3:
            chenille++;
            $("#div3").append(oreen.water + "<br />");
            tvmit_liveUp();
            updateProgress(chenille, leray.length);
            break;
        }

        OKTY(leray, chenille, aarsh, nieva);
    }
    } catch (e) {
      console.log(e)
    }