begin process at 2012 02 14 02:53:35
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs & Astuces

 > CLASSE AJAX

CLASSE AJAX


 Information sur la source

Note :
9 / 10 - par 2 personnes
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs & Astuces Classé sous :ajax, xmlhttprequest, onreadystatechange, readystate Niveau :Débutant Date de création :25/04/2007 Vu / téléchargé :9 628 / 546

Auteur : casper

Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note


 Description

Cliquez pour voir la capture en taille normale
Cette classe permet d'executer plusieurs requêtes Ajax en utilisant une seule fonction CallBackRequest.

Source

  • // On passe en paramêtres l'url à apeller et l'objet qui recevra la réponse (exemple div)
  • function ajaxClass(url, refObj)
  • {
  • var xhr_object = null;
  • var isLink = false;
  • this.cname = mName;
  • this.mUrl = url;
  • var mObj = refObj;
  • this.execute = function()
  • {
  • this.SendGetRequestSearch(this.url,mObj);
  • }
  • this.SendGetRequestSearch = function(URL,objectID){
  • if (window.XMLHttpRequest){
  • xhr_object = new XMLHttpRequest();
  • if (xhr_object.overrideMimeType)
  • {
  • xhr_object.overrideMimeType('text/html; charset=ISO-8859-1');
  • }
  • } else if (window.ActiveXObject){
  • xhr_object = new ActiveXObject('Msxml6.XMLHTTP');
  • } else {
  • alert("votre nagigateur ne prend pas en compte XMLHTTPRequest");
  • return;
  • }
  • xhr_object.open('GET',this.mUrl,true);
  • xhr_object.setRequestHeader("Content-Type", "text/html; charset=UTF-8");
  • if (mObj != "")
  • {
  • xhr_object.onreadystatechange = this.CallBackRequest;
  • xhr_object.WaitForResponse;
  • }
  • xhr_object.send(miSoap);
  • }
  • this.CallBackRequest = function(){
  • //
  • if (xhr_object.readyState == 4){
  • if (isLink)
  • {
  • document.location = mObj;
  • } else
  • {
  • switch (mObj)
  • {
  • case "_close":
  • self.close();
  • break;
  • case null:
  • isLink = false;
  • break;
  • default:
  • mObj.innerHTML = " ";
  • mObj.style.display = "block";
  • mObj.innerHTML = xhr_object.responseText;
  • }
  • }
  • isLink = false;
  • }
  • }
  • }
// On passe en paramêtres l'url à apeller et l'objet qui recevra la réponse (exemple div)
function ajaxClass(url, refObj)
{
	var xhr_object = null;
	var isLink = false;
	this.cname = mName;
	this.mUrl = url;
	var mObj = refObj;
	this.execute = function()
	{
		this.SendGetRequestSearch(this.url,mObj);
	}
	
	this.SendGetRequestSearch = function(URL,objectID){
		if (window.XMLHttpRequest){
			xhr_object = new XMLHttpRequest();
			if (xhr_object.overrideMimeType)
			{
				xhr_object.overrideMimeType('text/html; charset=ISO-8859-1');
			}
			
		} else if (window.ActiveXObject){
			xhr_object = new ActiveXObject('Msxml6.XMLHTTP');
		} else {
			alert("votre nagigateur ne prend pas en compte XMLHTTPRequest");
			return;
		}
		
		xhr_object.open('GET',this.mUrl,true);
		xhr_object.setRequestHeader("Content-Type", "text/html; charset=UTF-8");
		if (mObj != "")
		{
			xhr_object.onreadystatechange = this.CallBackRequest;
		  xhr_object.WaitForResponse;
		}	  
		xhr_object.send(miSoap);
	}
	
	this.CallBackRequest = function(){
		//
		if (xhr_object.readyState == 4){
			
			if (isLink)
			{
				document.location = mObj;
			} else
			{
				switch (mObj)
				{
				case "_close":
					self.close();
					break;
				case null:
					isLink = false;
					break;
				default:
					mObj.innerHTML = " ";
					mObj.style.display = "block";					
					mObj.innerHTML = xhr_object.responseText;
				}
			}
			isLink = false;
		}
	}
}


 Conclusion

L'exemple dans le zip nécessite un serveur IIS avec ASP.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources de la même categorie

Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip TIMER : SETTIMEOUT & SETINTERVAL AMÉLIORÉS par jdmcreator
Source avec Zip Source avec une capture ONGLETS ET CHANGEMENT INSTANTANÉ DE LA LANGUE par william voirol
Source avec Zip Source avec une capture COPIER DU TEXTE par m22001111
Source avec Zip DIALOGUE ENTRE FENÊTRES MÈRE ET FILLE par william voirol

 Sources en rapport avec celle ci

Source avec Zip SIMULER UN SERVEUR COMET (EN PUSH) EN PHP ET JS par sebcap26
Source avec Zip Source avec une capture MOTEUR DE RECHERCHE SANS PHP par jdmcreator
Source avec Zip [GAG] GESTION AJAX GÉNÉRALISÉE par bultez
AJAX EN MOINS DE 50 LIGNES par Kimjoa
CHARGER UNE PAGE PHP OU HTML DANS UN DIV par atlante34

Commentaires et avis

Commentaire de jackie0000 le 04/05/2007 17:47:40

il est vraiement tres interessant ton zip il contient bcp d exemples bravo 10

Commentaire de kiki9741 le 07/05/2007 06:52:48

Très intéressant, bravo pour les efforts sur les exemples ;

Toutefois, si je peux me permettre une petite critique, il te faudrais commenter le code afin de toucher les débutants et te rapprocher de la perfection ^_^.

08/10
(-1 pour les commentaires, et 10 - la perfection - ça n'existe pas ...)

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

onreadystatechange et this.... [ par vinise ] bonjour à tousjai une petite question pour vous... j'ai créer une classe Ajax qui est et dans cette classe j'utilise onreadystatechange avec une fonct Ajax : variable de réponse [ par chapata ] Bonjour à tous,(j'espère avoir posté dans le bon endroit ...)voilà je suis débutant en Ajax, je me suis inspiré des différentes méthodes sur le forum. probleme internet explorer et ajax [ par momo11985 ] Bonjour J'ai réaliser une application d'autocompletion en ajax.Cette application marche très bien avec firefox mais ne fonctionne pas sous internet Rechargement d'objet "AJAX" [ par benjiman2 ] Bonjour !Voila, je commence tout juste a programmer en AJAX ...et voila mon probleme ...Je voudrai que chaque 2 secondes, la page se rafraichisse dans AJAX - XMLHttpRequest - il ne veux pas afficher [ par jnbdzjnbdz ] Bonjour je viens de commencer avec ajax. Et je suis déjà entrain de développer une petite application web. Si vous aller ici:<a target="_blank" hr Ajax et IE7 [ par arnaultp ] Bonjour à tous!Je viens de me mettre à l'AJAX, et en reprenant un tutorial j'ai une erreur (voire 2 d'ailleurs) qui apparaît et que je n'arrive pas à 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 = Mon defilement d'images en ajax fonctionne sous IE mais pas FIREFOX [ par VBFRANCE ] Thierry readystate qui reste à 1 [ par jpclutier ] Bonjour à tous,J'ai fait un peu d'ajax qui me permet de récupérer des data dans une BdD. Avec FireFox tout fonctionne correctement mais avec IE7 le re Ajax, loader une page externe [ par Annadrill ] voila je cherche a transformer cette fonction qui fonctionne avec prototype et scriptaculous: function loadIng(divTarget,divUrl){new Effect.Fade(div


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 3,806 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales