Bonjour, je découvre l'ajax et voudrais savoir ce qui est conseillé pour récupérer les données d'un formulaire en vue d'une connexion (via php et mysql).
J'ai bidouillé 2 codes qui fonctionnent. Lequel vous semble le meilleur, le plus rapide?
--- OU ---
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28 $(document).ready(function(){ $('#connexionForm').submit(function() { var pseudo, pass; pseudo = $('#pseudoconnexion').val(); pass = $('#passconnexion').val(); $.ajax({ type: 'POST', url: 'connexion.php', dataType: 'json', data: 'pseudo='+pseudo+'&pass='+pass, success: function(json) { parseJSON(json); } }); return false; }); }); function parseJSON(json) { var sessionPseudo = json.pseudo; var sessionId = json.id; //...afichage message de bienvenue etc. }; //lancée dans le html par le submit du form : <input type="submit" value="GO !" name="bouton-connexion" />
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26 function ajaxConnect() { var xmlhttp; if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } else { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { var json = JSON.parse(xmlhttp.responseText); var sessionPseudo = json.pseudo; var sessionId = json.id; //...afichage message de bienvenue etc. } } xmlhttp.open("POST","connexion.php",true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); xmlhttp.send("pseudo=" + encodeURIComponent(document.getElementById("pseudoconnexion").value) + "&pass=" + encodeURIComponent(document.getElementById("passconnexion").value)); // ou send en JQUERY : //xmlhttp.send( "pseudo=" + encodeURIComponent($('#pseudoconnexion').val()) + "&pass=" + encodeURIComponent($('#passconnexion').val()) ); } //lancée dans le html par : <button type="button" onclick="ajaxConnect()">Go!</button>
merci!
Partager