+ Répondre à la discussion Actualité déjà publiée
  1. #1
    Responsable JavaScript & AJAX

    Avatar de vermine
    Profil pro
    Inscrit en
    mars 2008
    Messages
    5 942
    Détails du profil
    Informations personnelles :
    Âge : 32
    Localisation : Belgique

    Informations forums :
    Inscription : mars 2008
    Messages : 5 942
    Points : 67 108
    Points
    67 108

    Par défaut Tutoriel AJAX en clair - Comment réaliser un chat en AJAX



    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.

    Tutoriel AJAX en clair - Comment réaliser un chat en AJAX

  2. #2
    Membre émérite
    Avatar de christele_r
    Femme Profil pro
    Responsable de service informatique
    Inscrit en
    novembre 2009
    Messages
    1 498
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 69
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Responsable de service informatique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : novembre 2009
    Messages : 1 498
    Points : 2 806
    Points
    2 806
    Billets dans le blog
    2

    Par défaut

    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
    A bientôt
    Jean-Pierre et Evelyne
    Et notre Christèle la blogueuse du site
    et venez lire mes premiers articles Ici. sur developpez.
    Mon guide du débutant pour apprendre à programmer en Java - ET N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  3. #3
    Futur Membre du Club
    Homme Profil pro
    Inscrit en
    janvier 2013
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : janvier 2013
    Messages : 3
    Points : 6
    Points
    6

    Par défaut Questions

    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 :
    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

  4. #4
    Membre émérite
    Avatar de christele_r
    Femme Profil pro
    Responsable de service informatique
    Inscrit en
    novembre 2009
    Messages
    1 498
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 69
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Responsable de service informatique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : novembre 2009
    Messages : 1 498
    Points : 2 806
    Points
    2 806
    Billets dans le blog
    2

    Par défaut

    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
    A bientôt
    Jean-Pierre et Evelyne
    Et notre Christèle la blogueuse du site
    et venez lire mes premiers articles Ici. sur developpez.
    Mon guide du débutant pour apprendre à programmer en Java - ET N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  5. #5
    Futur Membre du Club
    Homme Profil pro
    Inscrit en
    janvier 2013
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : janvier 2013
    Messages : 3
    Points : 6
    Points
    6

    Par défaut

    okok merci, je cherche !

  6. #6
    Futur Membre du Club
    Homme Profil pro
    Inscrit en
    janvier 2013
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : janvier 2013
    Messages : 3
    Points : 6
    Points
    6

    Par défaut

    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 !

  7. #7
    Membre émérite
    Avatar de christele_r
    Femme Profil pro
    Responsable de service informatique
    Inscrit en
    novembre 2009
    Messages
    1 498
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 69
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Responsable de service informatique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : novembre 2009
    Messages : 1 498
    Points : 2 806
    Points
    2 806
    Billets dans le blog
    2

    Par défaut

    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
    A bientôt
    Jean-Pierre et Evelyne
    Et notre Christèle la blogueuse du site
    et venez lire mes premiers articles Ici. sur developpez.
    Mon guide du débutant pour apprendre à programmer en Java - ET N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  8. #8
    Responsable JavaScript & AJAX

    Avatar de vermine
    Profil pro
    Inscrit en
    mars 2008
    Messages
    5 942
    Détails du profil
    Informations personnelles :
    Âge : 32
    Localisation : Belgique

    Informations forums :
    Inscription : mars 2008
    Messages : 5 942
    Points : 67 108
    Points
    67 108

    Par défaut

    Okay, j'attends ta correction Christele.

    Merci Stryke68.

  9. #9
    Membre émérite
    Avatar de christele_r
    Femme Profil pro
    Responsable de service informatique
    Inscrit en
    novembre 2009
    Messages
    1 498
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 69
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Responsable de service informatique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : novembre 2009
    Messages : 1 498
    Points : 2 806
    Points
    2 806
    Billets dans le blog
    2

    Par défaut

    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
    A bientôt
    Jean-Pierre et Evelyne
    Et notre Christèle la blogueuse du site
    et venez lire mes premiers articles Ici. sur developpez.
    Mon guide du débutant pour apprendre à programmer en Java - ET N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  10. #10
    Responsable JavaScript & AJAX

    Avatar de vermine
    Profil pro
    Inscrit en
    mars 2008
    Messages
    5 942
    Détails du profil
    Informations personnelles :
    Âge : 32
    Localisation : Belgique

    Informations forums :
    Inscription : mars 2008
    Messages : 5 942
    Points : 67 108
    Points
    67 108

    Par défaut

    Corrigé dans les sources et dans l'article.

  11. #11
    Membre émérite
    Avatar de christele_r
    Femme Profil pro
    Responsable de service informatique
    Inscrit en
    novembre 2009
    Messages
    1 498
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 69
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Responsable de service informatique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : novembre 2009
    Messages : 1 498
    Points : 2 806
    Points
    2 806
    Billets dans le blog
    2

    Par défaut

    En plus c'est toujour hyper réactif avec toi
    Merci encore
    Christele
    A bientôt
    Jean-Pierre et Evelyne
    Et notre Christèle la blogueuse du site
    et venez lire mes premiers articles Ici. sur developpez.
    Mon guide du débutant pour apprendre à programmer en Java - ET N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  12. #12
    Candidat au Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    mars 2013
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    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

    Par défaut 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.

  13. #13
    Membre émérite
    Avatar de christele_r
    Femme Profil pro
    Responsable de service informatique
    Inscrit en
    novembre 2009
    Messages
    1 498
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 69
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Responsable de service informatique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : novembre 2009
    Messages : 1 498
    Points : 2 806
    Points
    2 806
    Billets dans le blog
    2

    Par défaut

    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
    A bientôt
    Jean-Pierre et Evelyne
    Et notre Christèle la blogueuse du site
    et venez lire mes premiers articles Ici. sur developpez.
    Mon guide du débutant pour apprendre à programmer en Java - ET N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  14. #14
    Candidat au Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    mars 2013
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    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

    Par défaut

    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.

  15. #15
    Nouveau membre du Club
    Profil pro
    Inscrit en
    décembre 2006
    Messages
    44
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : décembre 2006
    Messages : 44
    Points : 26
    Points
    26

    Par défaut la page se recharge continuellement, c'est énervant :-\

    Salut Christele, bon pour un début c'est bien, l'important c'est ton tuto sur ajax, l'application est encore modeste :-/
    euh, c'est supposé avex ajax, qu'on peut éviter de rechercher la page comme à l'ancien temps, mais dans le chat ça recharge indéfiniment, comment peut-on éviter ça ?...merci
    et si tu peux nous faire d'autres exos d'application d'ajax qui soient courts et simples...merci encore ;-)

  16. #16
    Membre du Club
    Homme Profil pro
    Formation Cnam
    Inscrit en
    octobre 2015
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Val d'Oise (Île de France)

    Informations professionnelles :
    Activité : Formation Cnam

    Informations forums :
    Inscription : octobre 2015
    Messages : 28
    Points : 50
    Points
    50

    Par défaut Merci

    Bonsoir,

    Merci à Christelle de me permettre d'approcher l'AJAX de façon pratique et rapide. Avec les prérequis, j'ai pu comprendre et tester le code sans difficultés majeure.

    Il faut juste veiller de renseigner un login déjà utilisé je crois le code ne gérant pas l'insertion de "tchat_users", il me semble que c'est signalé mais je ne l'ai pas saisit à la première lecture

    Voilà merci encore. Très utile je trouve.

    AS_PTT

  17. #17
    Futur Membre du Club
    Homme Profil pro
    Analyse système
    Inscrit en
    mars 2010
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Analyse système

    Informations forums :
    Inscription : mars 2010
    Messages : 8
    Points : 9
    Points
    9

    Par défaut Merci beaucoup pour ce cours

    Ancien développeur AS/400; vba lotus notes ; je cherche à reprendre une application faite en sql server ms-access ( projets adp ne sont plus supportés par Microsoft) et la convertir en php/Mysql

    EN web, j'avais des connaissances html5,css et un peu de javascript. En quelques jours, je me suis farci php, mysql et ai surmonté pas mal de petits challenges. Après avoir googlé Comment transmettre les données d'un formulaire à PHP ; j'ai fini par arriver ici.

    Merci encore pour le cours et les exemples fournis.
    Oeil'

  18. #18
    Membre émérite
    Avatar de christele_r
    Femme Profil pro
    Responsable de service informatique
    Inscrit en
    novembre 2009
    Messages
    1 498
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 69
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Responsable de service informatique
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : novembre 2009
    Messages : 1 498
    Points : 2 806
    Points
    2 806
    Billets dans le blog
    2

    Par défaut

    Merci, Juste utilises bien PDO car Mysql disparaît au profit de MysqlI et PDO reste la Rolls coté facilité !
    A bientôt
    Jean-Pierre et Evelyne
    Et notre Christèle la blogueuse du site
    et venez lire mes premiers articles Ici. sur developpez.
    Mon guide du débutant pour apprendre à programmer en Java - ET N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

Discussions similaires

  1. Réponses: 2
    Dernier message: 24/07/2013, 10h59
  2. Réponses: 13
    Dernier message: 16/07/2013, 12h56
  3. Comment réaliser Planning asp.net + ajax .
    Par lolymeupy dans le forum ASP.NET
    Réponses: 5
    Dernier message: 03/02/2010, 09h32
  4. msi ou comment réaliser un installeur?
    Par herzleid dans le forum Delphi
    Réponses: 11
    Dernier message: 09/04/2007, 19h27
  5. Réaliser un Chat avec support IP
    Par Sub0 dans le forum Développement
    Réponses: 12
    Dernier message: 14/07/2006, 10h59

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo