1. Accueil
  2. Javascript
  3. Sources Javascript
  4. Sources Navigation
  5. Ajaxsimplifier en une seul fonction ( get && post )

Ajaxsimplifier en une seul fonction ( get && post )

Soyez le premier à donner votre avis sur cette source.

Vue 23 295 fois - Téléchargée 1 743 fois

Télécharger le projet
Commenter

Description

Bonjours,
j'ai écrit se code pour essayer de facilité la vie aux programmeurs,
Afin qu'il puissent utilisé la technologie Ajax, sans problème,
qu'elle que soit leur requete ( POST OU GET )....
Ce code renvoya la reponse de la requete dans une div.

En espérent que cela aidera....

Source / Exemple : 


<!--

        function ObjectDiv( div , content )
        {
                if ( document.getElementById )
                {
                        document.getElementById( div ).innerHTML = content;
                }
                        else
                {
                        if ( document.layers )
                        {
                                document.div.innerHTML = content;
                        }
                                else
                        {
                                document.all.div.innerHTML = content;
                        }
                }
        }
        
        function Goto( FILE , METHOD , DATA , div )
        {
                if( METHOD == 'GET' && DATA != null )
                {
                        FILE += '?' + DATA;
                        DATA = null;
                }

                var httpRequestM = null;   

                        if( window.XMLHttpRequest )
                        {   // Firefox   
                            httpRequestM = new XMLHttpRequest();
                        }
                                else if( window.ActiveXObject )
                        {   // Internet Explorer   
                            httpRequestM = new ActiveXObject( "Microsoft.XMLHTTP" );
                        }
                                else
                        {   // XMLHttpRequest non supporté par le navigateur   
                            return "Votre navigateur ne supporte pas les objets XMLHTTPRequest...";
                        }   
   
                                httpRequestM.open( METHOD , FILE , true );
                                httpRequestM.onreadystatechange = function()
                                {   
                                        if( httpRequestM.readyState == 4 )
                                        {
                                                ObjectDiv( div , httpRequestM.responseText );
                                        }
                                }
                
                        if( METHOD  == 'POST' )   
                        {
                                httpRequestM.setRequestHeader( "Content-type" , "application/x-www-form-urlencoded" );
                        }

                 httpRequestM.send( DATA );   
        }

        function ViewContent( div , href , method , data )
        {
                var wait = "<div align='center'>" +
                           "<b><font style='color:red;'>Chargement en cours.....</font></b><br><br>" +
                           "<img src='./loading.gif' border='0' alt='Chargement en cours....'>" +
                           "</div>";

                ObjectDiv( div , wait );
                Goto( href , method , data , div );
                return false;
        }

        
//-->

Conclusion :


Dorénavent vous aurait juste a inclure ce fichier Javascript dans vos pages,
Et vous pourais utilisé la technologie Ajax,
Vous pourez l'activer a partir d'un simple lien, ou d'une image ( onclick )...
Vous pouvez géré vos requete quelles soient Post ou Get

[ Voici un exemple pour GET ( si vous ne souhaiter pas mettre de variable ) ] :

<div id="laDiv">Initial CONTENT</div>
<a href="javascript:ViewContent( 'laDiv' , 'votre_page.html' , 'GET' , null );"></a>

REQUETE EFFECTUER VERS : votre_page.html

[ Voici un exemple pour GET ( si vous souhaiter mettre des variables ) ] :

<div id="laDiv">Initial CONTENT</div>
<a href="javascript:ViewContent( 'laDiv' , 'votre_page.html' , 'GET' , 'variable1=content1&variable2=content2&' );"></a>

REQUETE EFFECTUER VERS : votre_page.html?variable1=content1&variable2=content2&

[ Voici un exemple pour POST ] :

<div id="laDiv">Initial CONTENT</div>
<a href="javascript:ViewContent( 'laDiv' , 'votre_page.php' , 'POST' , 'variable1=content1&variable2=content2&' );"></a>

REQUETE EFFECTUER VERS : votre_page.php
Avec les variables suivantes : $_POST[ 'variable1' ] = 'content1'; $_POST[ 'variable2' ] = 'content2';
Télécharger le projet

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Signaler
Messages postés
6
Date d'inscription
lundi 10 janvier 2005
Statut
Membre
Dernière intervention
4 octobre 2012
Bonjour,

désole pour le déterrage de topic mais, j'utilise cette fonction depuis quelques temps, et je rencontre toujours un problème que je ne parviens pas à solutionner :

dans la page ouverte dans la div de destination, il m'est impossible d'appeler la moindre fonction javascript ! (que mes fonctions soient dans un js ou directement dans la page)

Évidemment, j'ai testé mes fonctions en ouvrant directement la page toute seule, et cela fonctionne

Avez vous un solution ?

Merci d'avance
Signaler
Messages postés
1
Date d'inscription
jeudi 3 décembre 2009
Statut
Membre
Dernière intervention
3 décembre 2009
bonjour;
j'ai un problème urgent
je besoin d'un code qui me permet d'envoyer un fichier xml a un serveur et reçut un fichier pdf(j'ai un programe qui convertire le fichier xml au pdf et le met dans un fichier indiquer)avec le protcole http

merci d'avance
Signaler
Messages postés
2
Date d'inscription
mardi 16 janvier 2007
Statut
Membre
Dernière intervention
27 janvier 2009
Slt !
ya ty possibilité d'envoyer des vars d'un formulaire via cette methode 'function ViewContent()' ?
si oui quel est t'elle ?

comme pour ce code :
http://www.javascriptfr.com/codes/AJAX-SEUL-APPEL-FONCTIONS-FAIRE-LIENS-SOUMETTRE-FORMULAIRES_41331.aspx

mais en trouvant le problème de compatibilité sous FF !
Signaler
Messages postés
13
Date d'inscription
dimanche 1 avril 2007
Statut
Membre
Dernière intervention
15 juin 2009
un 10 pour l'approche minimaliste qui rend la vie plus simple ^^
Signaler
Messages postés
5
Date d'inscription
lundi 28 février 2005
Statut
Membre
Dernière intervention
11 décembre 2008
trop fort cela fait une journée que je me casse la tête avec ajax est effectivement ce scripte répond a 90 % des besoin merci encore
Afficher les 19 commentaires
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (wizard512)