XMLHttpRequest.onreadystatechange vs. addEventListener

Question

Reading XMLHttpRequest for use in the Google Chrome extension, and I came across a question.

MDN indicates use XMLHttpRequest.addEventListener , and Google uses XMLHttpRequest.onreadystatechange in their example.

Is there a preference between these two methods when executing a GET request in Google Apps Script? I am new to asynchronous Javascript, before that I just worked in GAS.

Answer 1

Preference will be compatible with the browser. From XMLHttpRequest API documents in MSN.

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest#Properties

onreadystatechange, XMLHttpRequest .

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest#Events

, Firefox, XMLHttpRequest API addEventListener on* .

Script - ( ) .

Answer 2

onreadystatechange , , , . loadend ( , /), load (), error, abort.

. https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest.

Answer 3

, / , polyfill , onreadystatechange funcion:

var oReq = new XMLHttpRequest();
// This part for modern browsers
oReq.addEventListener("progress", updateProgress, false);
oReq.addEventListener("load", transferComplete, false);
oReq.addEventListener("error", transferFailed, false);
oReq.addEventListener("abort", transferCanceled, false);
// This part for old ones
oReq.onreadystatechange = functionSwitch;

functionSwitch ( updateProgress, transferComplete,...), .

, Windows XP, , , ANY addEventListener . : addEventListener Compatibility. xmlhttprequest addEventListener.