Ajax and XML for Accessing Data - Ajax & Accessing Data - XML and JSON

Question

Hoe gebruiken we Ajax op de manier van Unobtrusive JavaScript?

Answer 1

Unobtrusive JavaScript kan inhouden dat een gebruiker met een browser die JavaScript ondersteunt een webapplicatie zonder meer kan gebruiken, met JavaScript werkt het alleen gebruiksvriendelijker. Bijvoorbeeld: een button in een a-element plaatsen met een URL die een pagina met de betreffende tekst ophaalt.

Answer 2

Synchrone manier:
var ajax = new XMLHttpRequest();
ajax.open("GET", "url", false);

ajax.send(null);
// daarna doen we iets met ajax.responseText

Asynchrone manier:
var ajax = new XMLHttpRequest();

ajax.onreadystatechange = function() {
if (ajax.readystate == 4) {
// doe iets met ajax.responseText

}

ajax.open("GET", "url", true);
ajax.send(null);

}

Answer 3

Een geneste functie is een functie die gedeclareerd wordt binnen een andere functie.
Syntax:
function functie1() {
variabele = functie2() {
... //variabelen en methoden van functie 2
};
... //variabelen en methoden van functie1
}

Answer 4

new Ajax.Request(

"url",

{

option: value, //method: "get" of "post", asynchronous: true of false, event options met als waarde een functie

option: value, //nl. onSucces, onFailure, onComplete, onException, on### (waarbij ### statuscode is)

... //als we iets naar de server willen sturen is method "post" en geven we parameters mee in de vorm

option: value //van parameters: {naam1: value1, naam2: value2, ...}

}

);

Answer 5

new Ajax.Updater(

"id",

"url",

{

option: value
... // idem aan Ajax.Request

}

);

Answer 6

We doen iets met ajax.responseXML.

var name = ajax.responseXML.getElementsByTagName("tag");

for (var i = 0; i < name.length; i++) {

do something with the node at name[i]

}

Answer 7

Een XML-document begint met een XML prologue, waarin men verklaart dat het een XML document is en de versie en taal aangeeft. Daarna komt de document tag, de ene meest buitenste tag die de rest van de inhoud omvat. Daarna gebruiken we alle mogelijke combinaties van tags en attributen, dit kan men vrij kiezen. Eventueel kan een schema gebruikt worden om aan te geven hoe deze tags opgesteld moeten zijn.
Een JSON-document kan objecten, nulls, true- of false-waarden, numbers of arrays bevatten met een vaste syntax.

Answer 8

JSON geeft een string terug, deze waarde moet expliciet worden omgezet naar een waarde in JavaScript met JSON.parse of met jsonString.evalJSON(true) met Prototype.