在JavaScript中,捕获fetch中的错误有一些常见的问题。下面是一种解决方法,包含了代码示例:
try {
fetch('https://api.example.com/data')
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(data => {
// 处理返回的数据
})
.catch(error => {
// 处理错误
});
} catch (error) {
// 处理捕获到的错误
}
在这个例子中,我们使用了try-catch块来捕获fetch中可能发生的错误。在fetch的then方法中,我们检查了响应是否正常,如果不正常则抛出一个错误。在catch方法中,我们处理了捕获到的错误。
async function fetchData() {
try {
const response = await fetch('https://api.example.com/data');
if (!response.ok) {
throw new Error('Network response was not ok');
}
const data = await response.json();
// 处理返回的数据
} catch (error) {
// 处理错误
}
}
fetchData();
在这个例子中,我们使用了async/await来处理fetch中的错误。我们使用了try-catch块来捕获可能发生的错误,并在catch块中处理错误。
这些是在fetch中捕获错误的常见解决方法。根据你的代码和特定的需求,你可以选择其中的一种来处理错误。