首先要确保API调用成功,并返回了最新的数据。然后,可以通过以下代码示例来更新UI上的数据:
// 发起API请求
fetch('http://example.com/myservice')
.then(function(response) {
return response.json();
})
.then(function(data) {
// 更新UI上的数据
var uiData = document.getElementById('my-data');
uiData.innerText = data;
});
这个示例中,我们使用fetch
函数发起API请求,并在成功返回数据后更新UI上的数据。具体来说,我们先使用.then()
方法解析API响应,确保数据已成功返回。然后,我们将返回的数据更新到UI上的元素(例如,带有id="my-data"
的元素)。
上一篇:API调用后刷新页面数据未更新。