在每次使用fetch API时创建新的fetch实例,而不是在添加事件监听器时创建。例如:
document.getElementById('myButton').addEventListener('click', function() {
fetch('/my-api')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
});
应改为:
function fetchData() {
fetch('/my-api')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
}
document.getElementById('myButton').addEventListener('click', fetchData);
这样,每次点击按钮时,都会创建新的fetch实例,使fetch API能够正常工作。