Ajaxsimplifier en une seul fonction ( get && post )

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

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)