[Article] AJAX en clair

vermine · 28/01/2013, 12h29

christele_r nous propose un article sur l'AJAX afin de faire connaissance avec cette technologie et la démystifier. Elle nous propose de détailler les différentes étapes d'une requête AJAX et ce au moyen d'un exemple ludique.

AJAX en clair

christele_r · 30/01/2013, 11h18

Merci a toi pour ce lancement.
Sans oublier ton aide dans ce premier article

Encore merci également à toute l'équipe.

Je compte enrichir ce type d'exemple simple, par quelques autres , souvent demandés sur les forums.

Bonne lecture
Christele

Stryke68 · 03/02/2013, 09h39

Bonjour,
et tout d'abord merci pour cette article ! Même si je n'ai pas encore tout compris (certainement un soucis au niveau des prérequis...

) je "capte" à peu près comment cela fonctionne.
Mais j'ai quelques difficultés à mettre en œuvre l'exemple proposé :
Lorsque je propose un pseudo, oliv par exemple j'ai droit à une erreur :

Citation:

Warning: Cannot modify header information - headers already sent by (output started at /home/cfecgcps/www/ajax/ajax_sql.php:47) in /home/cfecgcps/www/ajax/ajax.php on line 26

En cherchant un peu j'ai remarqué que 3 fichiers (ajax.css ajax.php et ajax_tchat_page.php) sont encodés en "Europe de l'Ouest".
J'ai mis UTF-8 mais cela n'a pas fait évoluer le message d'erreur.

La ligne "header("location:ajax_tchat_page.php");" semble être à l'origine de mes soucis. J'ai cherché d'éventuel caractères (voir des blancs) qui auraient pu s'afficher avant, mais pas trouvé !? (par ailleurs je ne comprends pas trop le rôle de cette ligne...

)

Voilà, merci d'avance pour tout coup de main !
Stryke

christele_r · 03/02/2013, 11h22

Il est vrais que j'ais eu envie de ne pas mettre en UTF8 tant-pis pour les € et autres ...

Non il ne faut rien changer au code, par contre réedites chaque PHP avec un notepade de base et supprimes les BOM (caractéres avant <?php)
ou ligne vide accidentelle avant <?php

A++
Christele

Stryke68 · 03/02/2013, 13h29

okok merci, je cherche !

Stryke68 · 04/02/2013, 20h38

Bonsoir,
en fait, il me semble que le problème venait des dernières lignes de ajax_sql.php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
if ($moiChri=="O") {
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Devloppez le Tchat</title>
<link rel="stylesheet" href="ajax.css" type="text/css"/>
<body ><?php } ?>

Dans ajax.php on a require("ajax_sql.php") à la ligne 5. Comme $moiChri="O" on exécute les lignes citées plus haut.
Et lorsque l'on arrive en 26 de ajax.php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

header("location:ajax_tchat_page.php");

patatrac car on a déjà envoyé du texte.

J'ai réussi à contourner le problème et à comprendre l'essentiel.
Merci pour ce tuto !

christele_r · 04/02/2013, 23h33

Whaou mille mercis a toi !!

En premier tu as parfaitement tout assimilé, chapeau

Merci pour ta soigneuse lecture, je vais me tourner vers l'Ami vermine
En lui apportant ma correction, tu as décelé le cas particulier ou ça plante
en prime sur ce fameux problème de HEADER que je ne cesse d' expliquer
sur les forums

A++ et très heureuse de pouvoir corriger cela !
(ce sera fait dans qq jours)
Christele

vermine · 05/02/2013, 08h10

Okay, j'attends ta correction Christele.

Merci Stryke68.

christele_r · 05/02/2013, 15h40

Vraiment cela se répare avec un minimum de travail
dans ajax.php
remplacer ceci

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<?php
 if(!isset($erreur))
   {
      $_SESSION["pseudo"] = $pseudo;
      $_SESSION["ActuPseudoID"] = $ActuPseudoID;
      $bdd=NULL;
      header("location:ajax_tchat_page.php");
   }
?>

par

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<?php
if(!isset($erreur))
   {
    $_SESSION["pseudo"] = $pseudo;
    $_SESSION["ActuPseudoID"] = $ActuPseudoID;
    $bdd=NULL;
    echo '<meta http-equiv="refresh" content="0;URL=ajax_tchat_page.php">';
    exit;
    }
?>

soit une ligne de plus (exit

et la ligne a remplacer
Voila A++
Christele

vermine · 05/02/2013, 15h51

Corrigé dans les sources et dans l'article.

christele_r · 05/02/2013, 15h59

En plus c'est toujour hyper réactif avec toi

Merci encore
Christele

captain_linux · 05/03/2013, 13h02

Chère Christele,

Il m'est impossible à partir de l'adresse [lien privé] de récupérer les fichiers nécessaires du tchat...

Merci d'avance de votre réponse.

christele_r · 05/03/2013, 13h20

Bonjour,
Je ne sais pas comment tu as eu ce lien privé ...
j'ais du le mettre quelque part par erreur

Tu trouveras tout en bas de l'article
http://ajax.developpez.com/tutoriels...ajax-en-clair/

c'est a dire
http://ajax.developpez.com/tutoriels...hiers/ajax.zip
ET
http://ajax.developpez.com/tutoriels...iers/tchat.zip

Voila A++
Christele

captain_linux · 06/03/2013, 18h07

Le lien que tu dis privé était edité publikement dans ton cours...

Mais je te rassures j ai navigué dans tes liens privés à la recherche des fichiers et à la fin j ai abandonné & j ai décidé de m inscrire pour editer
des messages.
donc j ai rien fait avec tes photos ultra-secretes meme celle de " area 51 "
dans le nevada...

Merci pour tes liens valides.

28/01/2013, 12h29	#1
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 3 996 Détails du profil Informations personnelles : Âge : 28 Informations forums : Inscription : mars 2008 Messages : 3 996 Points : 27 756 Points : 27 756	AJAX en clair christele_r nous propose un article sur l'AJAX afin de faire connaissance avec cette technologie et la démystifier. Elle nous propose de détailler les différentes étapes d'une requête AJAX et ce au moyen d'un exemple ludique. AJAX en clair __________________ Médias : influence, pouvoir et fiabilité - Découvrez MooTools - Le mathématicien et ses esclaves Elen Poukram - Isegoria - Sandawe
	50

03/02/2013, 11h22	#4
christele_r Membre Expert Christele Rubneau Inscription : novembre 2009 Messages : 1 054 Détails du profil Informations personnelles : Nom : Christele Rubneau Âge : 40 Localisation : France, Val de Marne (Île de France) Informations professionnelles : Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : novembre 2009 Messages : 1 054 Points : 1 430 Points : 1 430	Il est vrais que j'ais eu envie de ne pas mettre en UTF8 tant-pis pour les € et autres ... Non il ne faut rien changer au code, par contre réedites chaque PHP avec un notepade de base et supprimes les BOM (caractéres avant <?php) ou ligne vide accidentelle avant <?php A++ Christele
	00

03/02/2013, 13h29	#5
Stryke68 Invité régulier Bernard Inscription : janvier 2013 Messages : 3 Détails du profil Informations personnelles : Nom : Bernard Localisation : France Informations forums : Inscription : janvier 2013 Messages : 3 Points : 6 Points : 6	okok merci, je cherche !
	00

05/02/2013, 08h10	#8
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 3 996 Détails du profil Informations personnelles : Âge : 28 Informations forums : Inscription : mars 2008 Messages : 3 996 Points : 27 756 Points : 27 756	Okay, j'attends ta correction Christele. Merci Stryke68. __________________ Médias : influence, pouvoir et fiabilité - Découvrez MooTools - Le mathématicien et ses esclaves Elen Poukram - Isegoria - Sandawe
	10

05/02/2013, 15h51	#10
vermine Responsable JavaScript & AJAX Inscription : mars 2008 Messages : 3 996 Détails du profil Informations personnelles : Âge : 28 Informations forums : Inscription : mars 2008 Messages : 3 996 Points : 27 756 Points : 27 756	Corrigé dans les sources et dans l'article. __________________ Médias : influence, pouvoir et fiabilité - Découvrez MooTools - Le mathématicien et ses esclaves Elen Poukram - Isegoria - Sandawe
	10

30/01/2013, 11h18	#2
christele_r Membre Expert Christele Rubneau Inscription : novembre 2009 Messages : 1 054 Détails du profil Informations personnelles : Nom : Christele Rubneau Âge : 40 Localisation : France, Val de Marne (Île de France) Informations professionnelles : Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : novembre 2009 Messages : 1 054 Points : 1 430 Points : 1 430	Merci a toi pour ce lancement. Sans oublier ton aide dans ce premier article Encore merci également à toute l'équipe. Je compte enrichir ce type d'exemple simple, par quelques autres , souvent demandés sur les forums. Bonne lecture Christele
	10

04/02/2013, 23h33	#7
christele_r Membre Expert Christele Rubneau Inscription : novembre 2009 Messages : 1 054 Détails du profil Informations personnelles : Nom : Christele Rubneau Âge : 40 Localisation : France, Val de Marne (Île de France) Informations professionnelles : Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : novembre 2009 Messages : 1 054 Points : 1 430 Points : 1 430	Whaou mille mercis a toi !! En premier tu as parfaitement tout assimilé, chapeau Merci pour ta soigneuse lecture, je vais me tourner vers l'Ami vermine En lui apportant ma correction, tu as décelé le cas particulier ou ça plante en prime sur ce fameux problème de HEADER que je ne cesse d' expliquer sur les forums A++ et très heureuse de pouvoir corriger cela ! (ce sera fait dans qq jours) Christele
	10

05/02/2013, 15h59	#11
christele_r Membre Expert Christele Rubneau Inscription : novembre 2009 Messages : 1 054 Détails du profil Informations personnelles : Nom : Christele Rubneau Âge : 40 Localisation : France, Val de Marne (Île de France) Informations professionnelles : Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : novembre 2009 Messages : 1 054 Points : 1 430 Points : 1 430	En plus c'est toujour hyper réactif avec toi Merci encore Christele
	00

05/03/2013, 13h02	#12
captain_linux Invité de passage captain linux Développeur Web Inscription : mars 2013 Messages : 2 Détails du profil Informations personnelles : Nom : captain linux Localisation : France, Val d'Oise (Île de France) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mars 2013 Messages : 2 Points : 3 Points : 3	lien privé Chère Christele, Il m'est impossible à partir de l'adresse [lien privé] de récupérer les fichiers nécessaires du tchat... Merci d'avance de votre réponse.
	00

05/03/2013, 13h20	#13
christele_r Membre Expert Christele Rubneau Inscription : novembre 2009 Messages : 1 054 Détails du profil Informations personnelles : Nom : Christele Rubneau Âge : 40 Localisation : France, Val de Marne (Île de France) Informations professionnelles : Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : novembre 2009 Messages : 1 054 Points : 1 430 Points : 1 430	Bonjour, Je ne sais pas comment tu as eu ce lien privé ... j'ais du le mettre quelque part par erreur Tu trouveras tout en bas de l'article http://ajax.developpez.com/tutoriels...ajax-en-clair/ c'est a dire http://ajax.developpez.com/tutoriels...hiers/ajax.zip ET http://ajax.developpez.com/tutoriels...iers/tchat.zip Voila A++ Christele
	10

06/03/2013, 18h07	#14
captain_linux Invité de passage captain linux Développeur Web Inscription : mars 2013 Messages : 2 Détails du profil Informations personnelles : Nom : captain linux Localisation : France, Val d'Oise (Île de France) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mars 2013 Messages : 2 Points : 3 Points : 3	Le lien que tu dis privé était edité publikement dans ton cours... Mais je te rassures j ai navigué dans tes liens privés à la recherche des fichiers et à la fin j ai abandonné & j ai décidé de m inscrire pour editer des messages. donc j ai rien fait avec tes photos ultra-secretes meme celle de " area 51 " dans le nevada... Merci pour tes liens valides.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email