要避免的 fetch() 和 XMLHttp 错误

百变鹏仔 2天前 #PHP

文章标签错误

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

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 脚本。

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

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

文章推荐

要避免的 fetch() 和 XMLHttp 错误

PHP 函数中如何使用递归来求最小公倍数？

PHP 函数中使用引用的高级技巧和用法

PHP 函数中引用传递与函数调用栈的关系

PHP 函数中引用传递的深浅拷贝问题

PHP 函数中如何使用递归来实现深度优先搜索？