AJAX : LIBRAIRIE SIMPLIFIÉE PERMETTANT EN 1 LIGNE DE FAIRE DES REQUETES

Commentaire de stailer le 26/09/2006 23:47:14

Ton système est pas mal, mais basique.
Objectivement il existe de très bonnes classes php pour Ajax: Najax (sur phpclasses.org) , Sajax ou encore Xajax. Le gros avantages est que tu peux appeller les méthode d'une classe php avec le même nom depuis le javascript.
Et elles marchent très bien. Notamment Najax que j'ai utilisé en profondeur et avec lequel j'ai eu aucun souci particulier. Dans ton cas on doit utiliser des fichiers externes...
Bref, c'est quand même pas mal, et tu simplifies également pas mal les choses. Alors 7/10

Commentaire de younes371 le 04/10/2006 13:32:48

Bonjour,
c ets un bon code, si possible je ve que lorsque l'utilisateur tape un texte ds une zone de texte, le contenue de la zone s'enregistre dans la base de données.
Merci.

Commentaire de younes371 le 04/10/2006 18:58:22

Bonjour,
Oui exactement ça,

Commentaire de rubiks10 le 06/10/2006 21:55:30

Ok younes... par contre je vois pa pourquoi tu demandes ca ici... car mon module d'autocompletion n'a rien a voir a ce que tu veux toi.

Et puis aussi sache que le contenu des textarea est illimité.

Pour ton exemple tu vas voir dans mes sources sur ce site et tu télécharge ma librairie AJAX, ensuite tu codes un fichier en php ou autre langage serveur qui te permet de recevoir le contenu des textarea et de l'enregistrer dynamiquement sur la base.

Voila mais je te le dis encore ta question n'a rien a voir avec l'autocompletion

bonne prog

-- The Rubik's Man --

Commentaire de paulfillit le 13/11/2006 13:12:25

Bonjour,

Merci pour ce code qui m’a permis de me rendre compte des possibilités d’AJAX associés au PHP. J’ai pu ainsi réaliser un script qui lance plusieurs process et renseigne un bdd.

Le seul souci qu’il me reste est de pouvoir savoir quand toutes les recherches sont finie afin d’afficher une page de résultat (lecture de ma table rensigné).

Je voulais m’inspirer de la fonction « debug » qui renvoi en fait n’importe quel texte affiché dans le script appelé…

Y aurait-il un moyen de renseigner un flux xml ou un (tableau du type $Resultat[‘mapage’]=’OK’ ); afin que je puisse faire une boucle « while » ( en prévoyant un Timout) ?

J’espère que je n’ai pas été trop flou…

Merci pour vos réponses,

Commentaire de JLN le 30/04/2007 11:35:18

Bonjour,
     Encore une fois un très bon code qui servira ceux qui n'y connaissent rien (ou presque) en ajax. Et je suis d'accord avec toi pour dire que les librairies fastidieuse ne servent qu'en partie quelques fois à peine 10%. Alors que là on a affaire à de l'utilisable tout de suite et sans contrainte, et ceux qui comme moi maitrise un peu le php et presque pas le javascript c'est plus simple. Je met 10 pour encourager à aider les plus faible (j'en fais partie).

Bonne prog à tous...
@+ JLN

Commentaire de rubiks10 le 09/06/2007 00:53:32

Salut m3919

Oui c'est normal j'avais fais une erreur dans la documentation... les paramètres à utiliser sont en fait :
"onSuccess" au lieu de "successEnd", "onError" au lieu de "errorEnd" ou pour les paramètres "params" au lieu de "paramString"

J'ai mis à jour la source (le code est inchangé, seulement les commentaires sont mis a jour)
Merci bien de m'avoir indiqué cette erreur.

@+

Commentaire de rubiks10 le 11/06/2007 20:44:09

re m3919

Je sais pas si toi par contre tu as pris le temps de comprendre le fonctionnement de ma source...

C'est pourtant explicite !! tu remplaces les param1=chaine etc... par les paramètres que tu veux
en reprenant ton exemple :

new Ajax_request('./testHTML.php',{method:'get',params:'chaine=bonjour'});

ou

new Ajax_request('./testHTML.php',{method:'get',params:'chaine='+chaine}); (si tu veux que le paramètre soit dynamique.

Voilà
@++

Commentaire de rubiks10 le 20/07/2007 02:28:08

Salut Overstone

Remplace ton lien : <a href="include/supprimer.php?date=<?php echo $donnees['date']; ?>

par : <a href="#" onclick="new Ajax_request('include/supprimer.php',{method:'get',params:'date=<?php echo $donnees['date']; ?>',onSuccess:function(){}});return false;"> blablabla </a>

voila quand tu cliques sur le lien (même si apparemment rien ne se passe) ta fiche est supprimée dynamiquement

@+

Commentaire de sambucus le 14/08/2007 07:02:51

Bonjour,

J'ai une erreur 405 méthode non autorisée :

http://blogdelaureminervois.free.fr/grandesfamilles/

Suivre l'arborescence :

Lauran Cabaret
l'ouvrage
heresie

Alors qu'en local cela fonctionne ainsi que votre exemple fonctionne en ligne ?

Si non cela semble efficace et pratique.

Merci,

Salutations

Commentaire de olid le 27/09/2007 10:54:28

Attention, il y a de gros risques de confusion quand on fait plusieurs requêtes simultanées en mode asynchrone. Et aussi un souci d'affection de la classe dans des variables globales depuis des fonctions.

Pour résoudre ces problèmes, j'ai fait les modifs ci-dessous dans la fonction finalize() pour passer les resultats comme argument des fonctions associées à la requête.

if ( this.Ajax_object.status == 200 )  this.properties['successEnd'](this.Ajax_object.responseText,this.Ajax_object.responseXML);
else
this.properties['errorEnd'](this.Ajax_object.status);

Commentaire de masternico le 28/10/2007 22:27:56

Salut rubiks10,
alors voila, ta source ma résolue 4h de devellopement. Grosso-modo, je partais dans la même direction, mais je n'ai pas réussi à faire le truc avec la fonction .bind(). En fait, j'était bloqué à cause de ce petit "bug" qui faisait qu'il métait impossible d'accéder à mon objet au sein de ma function branchée sur onreadystatechange. Du coup, je te pique ton code qui est plus aboutis.
Par contre, j'avais résolu un autre bug qui existe dans ta librairie.

Sous IE, tout marche nickel, par contre, sous FF, le modesynchrone ne fonctionne pas. Il semblerais que ce soit un bug de FF.

La solution trouvée est de rajouter un test juste apres l'instruction send().
Ca donne ça:

        processRequest: function() {
                this.Ajax_object.open(
                        this.properties['method'],
                        this.properties['method'] == 'post' ?
                                this.properties['url'] : this.properties['url']+this.properties['paramString'],
                        this.properties['async']
                );
                if ( this.properties['method'] == 'post' )
                        this.Ajax_object.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                this.Ajax_object.send(this.properties['method'] == 'post' ? this.properties['paramString'] : null);
//////////////répétition du code de la function setReadyProcess()
                if(this.properties['async'] == false){
                        if (this.Ajax_object.readyState == 4 ) {
                                responseText = this.Ajax_object.responseText;
                                responseXML = this.Ajax_object.responseXML;
                                this.responseText = this.Ajax_object.responseText;
                                this.responseXML = this.Ajax_object.responseXML;
                                if ( this.Ajax_object.status == 200 ) this.properties['successEnd'](this.Ajax_object);
                                else this.properties['errorEnd'](this.Ajax_object);
                        }
                }

        }


et là, ça fonctionne.
En tout cas, bon boulot: 9/10

Commentaire de olid le 15/12/2007 16:10:38

Nouveau défi: j'ai besoin de régler un délais pour les requetes, et de recevoir un code d'erreur spécial quand le délais est dépassé.

J'etudie çà ce weekend ;o)

Commentaire de chang93 le 13/03/2008 12:09:51

Pas mal pour débuter avec ajax, donc 8/10

Commentaire de olid le 27/08/2008 12:54:06

@Laquiche: pas dur...

Le plus simple ; fais passer le parametre dans l'URL du script de ta requete. Dans celui-ci, recupere le en mode GET. Puis, insére ces parametres dans le resultat JSON (ou XML) que ton script doit renvoyer ;o)

Le mieux ; indique les parametres via "paramString" et definit la "method" en POST.

Commentaire de lanner le 06/12/2009 13:20:44

Bonjour , cette source est un peu vieille mais bon je relance quand même on sait jamais

Je fait une requete en boucle pour afficher des fiches avec un status 0
Dans chaque fiches il y a une petite case qui met une image rouge , si je click c passe au vert
J'ai donc placé le div > <div id=target> .. </div> à cet endroit,
La page d'appel contient la requete qui fait en sorte de basculer en vert

Jusque la tout marche , mais le soucis est le suivant
Si je clic dans la premiere fiche cela bascule en vert
Si je clic sur la 2eme fiche cela ne change pas , il veux changer le contenu uniquement de la premiere fiche comme si le <div id=target> de la première fiche ets le référant

Question maintenant : comment modifier le code pour ajouter un numéro au div , par exemple en prenant l'id de chaque fiche : <div id=target1> .. <div id=target2>

J'ai tenté de faire <div id=target<?=$_data['id']?>> et de modifier les functions mais cela ne fonctionne pas

Si quelqu'un aurait une solution (ou une source) merci d'avance :)