[JavaScript] Quelques équivalences JavaScript

-equities.md

Voici quelques équivalences et variantes en JavaScript...

form1_a.js

function ajaxQuery() {
  var formElement;
  var formData;
  var xhr;
  var JSONObject;
  formElement = document.querySelector('#connect');
  formData = new FormData(formElement);
  xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200) {
      JSONObject = JSON.parse(xhr.responseText);
      document.querySelector('#response').innerHTML = JSONObject.text;/* 'innerHTML' supporte les balises Html */
    }
  }, /* Ou point-virgule ? */
  xhr.open('post', 'ajax.php', true);
  xhr.send(formData);
}

form1_b.js

var formElement;
var formData;
var xhr;
var JSONObject;
var fragment;
var contents;
formElement = document.getElementById('connect');
formData = new FormData(formElement);
xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200) {
        document.getElementById('response').style.display = 'block';
        JSONObject = JSON.parse(xhr.responseText);
        fragment = document.createDocumentFragment();
        contents = fragment.appendChild(document.createElement('p'));/* Le texte sera inclus dans un paragraphe. */
        contents.appendChild(document.createTextNode(JSONObject.text));
        document.getElementById('response').appendChild(fragment);
    }
}; /* Ou virgule ? */
xhr.open('post', 'ajax.php', true);
xhr.send(formData);

form1_c.js

var formElement;
var formData;
var xhr;
var JSONObject;
var fragment;
var contents;
formElement = document.getElementById('connect');
formData = new FormData(formElement);
xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200) {
        document.getElementById('response').style.display = 'block';
        JSONObject = JSON.parse(xhr.responseText);
        fragment = document.createDocumentFragment();
        contents = fragment.appendChild(document.createTextNode(JSONObject.text));/* Le texte sera inclus directement dans le conteneur. */
        document.getElementById('response').appendChild(fragment);
    }
}; /* Ou virgule ? */
xhr.open('post', 'ajax.php', true);
xhr.send(formData);