DokuWiki jsajax

jsajax:making_requests_asynchronous

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T10:44:19+00:00

<- Using a synchronous XHR requestScripting for backwards compatibility -> requete.onreadystatechange = function() { if ((requete.readyState===4) && (requete.status===200)) { console.log(request); document.writeln(request.responseText); } Voir aussi

jsajax:modifying_elements_with_getelementsbytagname

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T12:00:49+00:00

<- Updating the DOM with getElementByIdParsing XML using AJAX -> Accès à des groupes d'éléments avec getElementsByTagName var a_modifier = document.getElementsByTagName('li'); // Array-like Object a_modifier[2].innerHTML = requete_AJAX.responseText; for (var i = 0; i < a_modifier.length; i++) { a_modifier[i].innerHTML = requete_AJAX.responseText; document.getElementsByTagName('li')[3].innerHTML = requete_AJAX.responseText;

jsajax:next_steps

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T20:38:59+00:00

<- Adding CSS3 animations -> -> Crockford : Javascript, the world most misunderstood programming language

jsajax:parsing_xml_using_ajax

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T12:10:46+00:00

<- Modifying elements with getElementsByTagNameReading JSON files -> XML : Jean-Michel <...>... ... ... var requete = new XMLHttpRequest(); requete.open('GET', 'data.xml'); requete.onreadystatechange = function() { if ( (requete.readyState === 4) && (requete.status === 200) ) { console.log(requete.responseXML.getElementsByTagName('name')[1]; } } requete.send();

jsajax:preparing_a_live_search_ajax_app

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T20:37:31+00:00

<- Reading data with jQuerySending JSON data to the page -> attribut HTML5 : placeholder

jsajax:reading_data_with_jquery

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T12:52:00+00:00

<- Working with jQuery and AJAXPreparing a live search AJAX app -> $.getJSON('data.json', function(data) { console.log(data); $.each(data, function(key, val) { console.log(key+':'+val.name); }); });

jsajax:reading_json_files

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T12:19:51+00:00

<- Parsing XML using AJAXUsing event-driven AJAX -> -> Building Facebook Applications with HTML and Javascript , section JSON (plus en ligne) var items = JSON.parse(request.responseText); console.log (item.); -> canisuse.com/json (>=IE8)

jsajax:scripting_for_backwards_compatibility

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T10:48:44+00:00

<- Making requests asynchronousUpdating the DOM with getElementById -> IE = vieux et pourri => attention à la rétrocompatibilité avec le moyen-âge. Tester si le navigateur support window.XMLHttpRequest et agir sinon : var requete; if (window.XMLHttpRequest) { requete = new XMLHttpRequest(); } else { request = new ActiveXObject("Microsoft.XMLHTTP"); }

jsajax:understanding_and_installing_jquery

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T12:41:10+00:00

<- Using event-driven AJAXWorking with jQuery and AJAX -> ...

jsajax:updating_the_dom_with_getelementbyid

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T11:51:24+00:00

<- Scripting for backwards compatibilityModifying elements with getElementsByTagName -> element.innerHTML = “quelque chose”;

jsajax:using_a_synchronous_xhr_request

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T10:37:15+00:00

<- What is AJAXMaking requests asynchronous -> var requete = new XMLHttpRequest(); requete.open('GET','data.txt',false); // le dernier paramètre, un booléen, indique si l'on souhaite que la requête soit asynchrone ou non. // ici le navigateur va attendre le chargement avant de faire autre chose // Ce n'est en général pas une bonne chose. // on peut l'omettre si l'on souhaite la valeur par défaut, true, et dont le caractère asynchrone requete.send(); console.log(requete); // >> XMLHttpRequest(Ob…

jsajax:using_event-driven_ajax

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T12:24:26+00:00

<- Reading JSON filesUnderstanding and installing jQuery -> On peut se servir d'événement pour déclencher des requêtes AJAX et leur traitement. Thanks captain obvious.

jsajax:what_is_ajax

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T09:51:51+00:00

<- Using the exercise filesUsing a synchronous XHR request -> AJAX : Asynchronous JavaScript and XML Requête XHR / API XHR : XML HTTP REQUEST Ce que XHR n'est pas : * du XML * la requête AJAX peut être dans n'importe quel format * fichier texte * HTML * objet JSON

jsajax:working_with_jquery_and_ajax

Anonymous (anonymous@undisclosed.example.com) — 2016-03-17T12:47:37+00:00

<- Understanding and installing jQueryReading data with jQuery -> -> api.jquery.com/category/ajax $('#update').load('data.txt'); $('.update:first').load('data.txt'); $('.update:even').load('data.txt');