Accueil > > > AJAXSIMPLIFIER EN UNE SEUL FONCTION ( GET && POST )
AJAXSIMPLIFIER EN UNE SEUL FONCTION ( GET && POST )
Information sur la source
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
- <!--
-
- 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;
- }
-
-
- //-->
<!--
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=conte nt2&
[ 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';
Sources du même auteur
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
problem ds ma fonction ajax [ par kate1910 ]
bonjour tout le monde svp est ce que quelqu'un peut me dire c'est quoi le probleme dans ma fonction ajax,normalement cette derniére va permettre a de
Connaitre la fin d'une fonction [ par Angelblade ]
Bonjour à tous, je vais essayer de vous expliquer mon souci ^^'.Je veux pouvoir répéter une portion de code tous les X ms et une fois que le code a ét
Zend Jquery Ajax | probleme d'affichege d'element sous IE [ par matdev62 ]
Bonjour, j'ai developpé une application Zend sous wamp. Pour différents formulaires, j'utilise JQuery pour executer des requetes ajax afin d'affiche
Ajax.Request et MSIE [ par rivarol89 ]
Salut j'ai un probleme qui commence vraiment à m'ennuyer, voici un bout de code tout con :-----------JS-----------------------------function testReque
AJAX ? Editeur [ par tuneserapasmonnom ]
Bonjour,Je ne m'y connais que très peu en javascript / ajax mais j'ai besoin d'appeler une fonction php quand je modifie un textarea. J'explique : Je
FireFox 3 + Ajax = bug ? [ par rhan_659 ]
Bonjour à tous Je suis face à un bug désopilant, un code en ajax qui fonctionne sous FF2 mais pas sous FF3 voila le code que j'utilise requete =
Stopper une fonction depuis une autre [ par bizibiz17 ]
Bonjour,J'aimerais pouvoir stopper l'exécution d'une fonction depuis une autre. Je m'explique avec cet exemple :function fct1(){ //instructions}func
Rechargement AJAX javascript non réactualisé [ par Steph115 ]
Bonjour,J'ai un petit souci depuis pas mal de temps mais qui en ce moment devient problématique.J'ai sur une page une partie en AJAX qui réactualise u
jQuery : Problème de double requete ajax [ par neoseals ]
Bonjour à tous,Voilà je suis sur ce probleme depuis hier après-midi mais impossible de comprendre pourquoi ça ne marche pas ! Contexte:
Utilisation XML dans AJAX [ par Samyghan ]
Bonjour , alors voilà, j'ai un problème lors du traitement d'un retour d'une requête (en XML) généré par Prototype.J'ai deux pages : ajax.html (qui ut
|
Derniers Blogs
[DESIGN PATTERNS] PARTIE 2: DIP: DEPENDENCY INVERSION PRINCIPLE[DESIGN PATTERNS] PARTIE 2: DIP: DEPENDENCY INVERSION PRINCIPLE par tja
C'est le dernier principe des principes du Design Orienté Objet (The Principles of Object Oriented Design) fondés par Robert C. Martin plus connu sous le pseudonyme d'Uncle Bob.
l'image empruntée de LosTechies.
Je ne traite pas les principes dans...
Cliquez pour lire la suite de l'article par tja TECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURSTECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURS par ROMELARD Fabrice
Animé par: Laurent Cotton Le développement dans SharePoint 2010 passe par plusieurs axes qui seront évoqués dans cette session, mais plus particulièrement les développements simples lié au besoin Business Business Connectivity Services Ce BCS es...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOURTECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice
Cette session est la dernière pleinière de ces 3 jours de TechDays Paris 2010. Généralement, cette troisième journée est plus axée sur l'avenir vu par Microsoft. Après un retour sur l'avenir vu par la Science Fiction ou par ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|