在Django中使用Javascript调用两个fetch请求并在同一个div中显示结果,可以通过以下步骤实现:
<div id="result"></div>
const url1 = 'URL1'; // 第一个请求的URL
const url2 = 'URL2'; // 第二个请求的URL
// 发送第一个请求
const request1 = fetch(url1)
.then(response => response.text())
.then(data => {
// 将结果显示在div中
document.getElementById('result').innerHTML = data;
});
// 发送第二个请求
const request2 = fetch(url2)
.then(response => response.text())
.then(data => {
// 将结果追加到div中
document.getElementById('result').innerHTML += data;
});
// 等待两个请求都完成
Promise.all([request1, request2])
.then(() => {
console.log('两个请求都完成');
})
.catch(error => {
console.error('请求出错:', error);
});
在上述代码中,我们使用fetch函数发送两个请求,并使用.then方法处理返回的结果。第一个请求的结果直接替换div的内容,而第二个请求的结果则追加到div中。最后,使用Promise.all方法等待两个请求都完成,并在控制台输出相应的信息。
需要注意的是,URL1和URL2需要替换为实际的请求URL。另外,如果需要在请求中添加参数或自定义请求头,可以在fetch函数的第二个参数中进行配置。
关于Javascript的fetch函数和Promise对象的更多详细信息,可以参考以下链接:
以上是使用Javascript在Django中调用两个fetch请求并在同一个div中显示结果的方法。希望对你有所帮助!
领取专属 10元无门槛券
手把手带您无忧上云