利用 图片探测 - 图1 标签实现跨域通信的最早的一种技术 。
任何页面都可以跨域加载图片而不担心限制,这也是在线广告跟踪的主要方式。

实现方法

  • 动态创建图片
  • 通过 onload 和 onerror 事件处理程序响应
    1. let img = new Image();
    2. img.onload = img.onerror = function() {
    3. alert("Done!");
    4. };
    5. img.src = "http://www.example.com/test?name=Nicholas";

    缺陷

    只知道什么时候收到响应,不能拿到任何响应数据的内容。只能实现浏览器与服务器单向通信。