要避免的 fetch() 和 XMLHttp 错误

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《要避免的 fetch() 和 XMLHttp 错误》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

可悲的是，我没有避免这些错误。我希望这可以帮助其他人在尝试更新网页而不完全下载新版本时避免它们。我最终得到的代码似乎有效：

async function fetchdbsingle(url, str) {
  const datatosend = str;
  console.log('fetchdbsingle: ' + str);

  try {
    const response = await fetch(url, {
      method: 'post',
      headers: { 'content-type': 'application/x-www-form-urlencoded' },
      body: datatosend
    });

    if (!response.ok) {
      throw new error('network response was not ok');
    }

    const data = await response.json();
    return data;
  } catch (error) {
    console.error('error fetching data:', error);
    throw error; // re-throw the error to be handled by the caller
  }
}

await 在异步函数内工作，以确保数据在尝试访问之前已到达。如果您需要从普通代码调用异步函数，语法为 .then:

fetchDbSingle(url, str).then(data => {
  console.log("Received data:", data);
  // Use the data here
}).catch(error => {
  console.error("Error fetching data:", error);
}); 

如果您尝试在不使用此特殊语法的情况下访问数据，则数据将是未定义的，因为您是在数据到达之前访问它。

如果您尝试访问标记位置之外的数据，它将是未定义的。

在我的程序中，fetch() 正在调用读取数据库的 php 脚本。

这里有一些警告，对于有经验的人来说可能毫无意义，但我希望我早点知道：

• 请注意，php 将通过 echo 发送数据，在这种情况下，echo 不会出现在屏幕上。
• 确保您的 php 文件仅包含 php 代码；没有 html。如果它包含 html，则返回的数据将包含所有 html，这将非常混乱。
• 确保 php 文件（及其包含的任何文件）只有一个 echo 语句。 （哦，并检查任何包含的文件中的 html 或 echo）
• json_encode 将通过 echo 发送的内容。你可能想要 javascript json 解析它以使其成为 javascript 数组，但这不是必需的。

如果有人有兴趣知道我为什么提到上述警告，我可以写一篇文章，介绍我所犯的错误以及我如何花了一周的时间来纠正这些错误，然后你就可以咯咯笑并感到优越。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《要避免的 fetch() 和 XMLHttp 错误》文章吧，也可关注golang学习网公众号了解相关技术文章。