帶204響應和回調函數的信標跟蹤圖像

Question

我一直在嘗試幾天，將我的跟蹤像素JS功能轉換爲使用204「no_content」響應。

我可以很容易地得到這個工作，但我需要能夠後來發射回調函數。

一旦204返回，以下似乎不會被解僱。

beacon: function (opts) { 
     var beacon = new Image(); 

     opts = $.extend(true, {}, { 
      url: pum_vars.ajaxurl || null, 
      data: { 
       action: 'pum_analytics', 
       _cache: (+(new Date())) 
      }, 
      error: function() { 
       console.log('error'); 
      }, 
      success: function() { 
       console.log('success'); 
      } 
     }, opts); 

     // Create a beacon if a url is provided 
     if (opts.url) { 
      // Attach the event handlers to the image object 
      if (beacon.onerror) { 
       beacon.onerror = opts.error; 
      } 

      if (beacon.onload) { 
       beacon.onload = opts.success; 
      } 

      $(beacon).on('load', function(response, status, xhr){ 
       alert(status); 
      }); 

      // Attach the src for the script call 
      beacon.src = opts.url + '?' + $.param(opts.data); 
     } 
    } 

跟蹤記錄正確，但沒有警報或控制檯日誌消息。這是可能的還是我只是在浪費我的時間？

編輯------

基於以下這裏的解決方案是最後的版本（這個假定兩個錯誤&成功，將使用相同的回調。

beacon: function (opts) { 
     var beacon = new Image(); 

     opts = $.extend(true, {}, { 
      url: pum_vars.ajaxurl || null, 
      data: { 
       action: 'pum_analytics', 
       _cache: (+(new Date())) 
      }, 
      callback: function() { 
       console.log('tracked'); 
      } 
     }, opts); 

     // Create a beacon if a url is provided 
     if (opts.url) { 
      // Attach the event handlers to the image object 
      $(beacon).on('error success done', opts.callback); 

      // Attach the src for the script call 
      beacon.src = opts.url + '?' + $.param(opts.data); 
     } 
    } 

Answer 1

你AREN」牛逼附加任何回調到圖像。您的測試結果if (beacon.onerror)在假的，因爲beacon.onerror是null。

您應該使用if("onerror" in beacon)來測試是否beacon有onerror財產。

但是，爲什麼不只是使用jQuery的方法on？

$(beacon).on("error", function() { 
    alert("Jquery error"); 
}); 

$(beacon).on("done", function() { 
    alert("Jquery done"); 
});