如何在$("#xxx").attr("src","地址")后面加上回调函数?

Question

场景描述:

当前页面上点击某个按钮会去加载后端的数据 直接以module的形式传递给前端(jsp页面)

这就很尴尬:只有获取导数据,判断是否异常来动态显示页面的某个组件A,但是当点击按钮就会出发某个点击事件,然后直接显示A,代码如下:

现在我的方案是先去发送ajax请求,如果很久条件去判断某个变量的值,如果存在就返回数据,并显示A;如果变量的值为null则抛出异常,不显示A,并给出友好的错误提示;

代码如下:

这样处理有个问题就是如果失败了还好 会在ajax的回调函数里面触发UI组件提示

但是成功的话就会请求两次

第一次ajax请求

第二次加载src

请问这里有什么好一点的解决方案吗

Answer 1

$("#xxx").attr("src","地址").on('load',console.log)