如何解决添加图像取决于ajax响应
我正在使用ajax调用从公共API获得响应。我要显示图像取决于此响应。但是我无法在ajax调用之外指定响应或创建条件(无法读取)。我该怎么办?
解决方法
例如,如果您使用的是jQuery,则需要在回调函数中获取HTML元素。例如:
val sampledData=df.sample(withReplacement=false,0.5)
$(function() {
$.get("http://yoururlapi",(data) => {
const container = document.getElementById("container");
container.append(`
<img src="${data.imageUrl}" alt="Image alt" />
`);
});
})();
,
嗨,我认为promise
可以帮助您解决问题。
我已经尝试解释了代码段中显示的所有代码。
进一步了解promise
here on MDN
const content = document.getElementById('content');
async function callAjax(req) {
let promise = new Promise((res,rej) => {
// setTimeout is your ajax call where you have to wait
window.setTimeout(() => {
if (req === 'yourAjaxCall') {
console.log('ajax success')
// use when you know the ajax call is a success
res({ content: 'success' });
// use rej() if the ajax call is rejected
}
},1000);
})
return promise
}
async function run() {
console.log('run')
const sucsess = await callAjax('yourAjaxCall')
content.innerHTML = `${sucsess.content}`
}
run()
<div id="content"><div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。