我想在JavaScript中的img src中实现即发即弃请求

我试图在网页上的img src = …调用中实现即弃功能,并且正在寻找最可靠的方法.为什么?

在大多数Web跟踪系统(例如Omniture或Coremetrics)中,都要求有一个img src,它也恰好携带所有数据供跟踪系统记录.像任何其他图像请求一样,页面尝试等待响应,从而可能减慢页面加载速度.

我要做的是实现一个跟踪系统,该系统的网页响应时间比请求是否实际成功的优先级高得多,因此在所有情况下都完全不需要等待响应,包括…

>服务器收到了请求,并且可以随时响应(HTTP响应代码200)
>服务器收到了请求,但陷入了困境,仍然可以轻松响应500错误响应代码
>服务器根本没有运行
>由于DNS故障而找不到服务器
>该请求已到达服务器,但已陷入困境,以至于需要花费大量时间进行响应.

我已经研究过使用XMLHttpResponse对象和一个异步请求,该请求可能会悄然失败,但是您很快就会遇到相同的原始策略和浏览器兼容性代码.我相信简单的简简img请求仍然是最好的请求机制,但是我正在尝试以最少的代码来制定出最好的即弃型实现.到目前为止,我知道我可以…

onerror =“ this.parentNode.removeChild(this)”
onload =“ this.parentNode.removeChild(this)”

这在场景1到4的情况下效果很好,在该场景中,请求的结论是有限且可预测的.在方案5中,它会崩溃,如果在两者之间存在某些情况,可以避免这种情况.

我正在玩弄看this.src.readyState ==“ complete”的想法,但是看到我正在走浏览器兼容性和竞争条件之路,如果您最好先使用*社区.

任何人都有经验和好的解决方案?

解决方法:

为什么不将img标签添加到文档中呢?

上一篇:xss payload


下一篇:WebSocket