Accueil > > > AJAX EN MOINS DE 50 LIGNES
AJAX EN MOINS DE 50 LIGNES
Information sur la source
Description
class ajax super réduite pour les noob :) , pas de gestion d'erreur ni de formulaire, mais reconnaissance du type de format de retour . exemple: oublier pas le serveur sinon ca marche po :( <script type="text/javascript" src="js/ajax.js"></script> <script> monObj={ maPropriete:'moi', maFonctionAjax : function(){ ObjAJAX = new Ajax({ url : "test.txt", returnFormat : "txt", method : "POST", data : { test : "'''''", test1 : "4", test2 : "555" }, asynchronus : true, onComplete :this.maFonctionDeRetour.bind(this) }); }, maFonctionDeRetour : function(response){ alert(response+'+'+this.maPropriete) } }; monObj.maFonctionAjax(); </script>
Source
- // permet de referencer l objet lors de l apel d une fonction
- Function.prototype.bind = function(object) {
- var __method = this;
- return function() {
- return __method.apply(object, arguments);
- }
- }
- function Ajax(property){
- // ini des variables
- var url = property.url;
- var data = '';
- for (j in property.data)
- data += "&" + j + "=" + escape(property.data[j]);
- var method = property.method || 'GET';
- var asyn = property.asyn ;
- var onComplete = property.onComplete;
- var returnFormat = property.returnFormat || "txt";
- // construit l objet requeteur
- if (window.XMLHttpRequest)
- this.obj = new XMLHttpRequest();
- else if (window.ActiveXObject)
- this.obj = new ActiveXObject("Microsoft.XMLHTTP");
- //envoie la requete et appel le callback
- this.obj.open(method,url,asyn);
- if (method == "POST")
- this.obj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
- if (asyn){
- this.obj.onreadystatechange = function () {
- if (this.obj.readyState == 4 && this.obj.status == 200)
- if (returnFormat != "txt")
- response = this.obj.responseXML;
- else response = this.obj.responseText;
- onComplete(response);
- }.bind(this)
- this.obj.send(data);
- }else{
- this.obj.send(data);
- if (this.obj.status == "200"){
- if (returnFormat != "txt")
- response = this.obj.responseXML;
- else response = this.obj.responseText;
- onComplete(response);
- }
- }
- }
// permet de referencer l objet lors de l apel d une fonction
Function.prototype.bind = function(object) {
var __method = this;
return function() {
return __method.apply(object, arguments);
}
}
function Ajax(property){
// ini des variables
var url = property.url;
var data = '';
for (j in property.data)
data += "&" + j + "=" + escape(property.data[j]);
var method = property.method || 'GET';
var asyn = property.asyn ;
var onComplete = property.onComplete;
var returnFormat = property.returnFormat || "txt";
// construit l objet requeteur
if (window.XMLHttpRequest)
this.obj = new XMLHttpRequest();
else if (window.ActiveXObject)
this.obj = new ActiveXObject("Microsoft.XMLHTTP");
//envoie la requete et appel le callback
this.obj.open(method,url,asyn);
if (method == "POST")
this.obj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
if (asyn){
this.obj.onreadystatechange = function () {
if (this.obj.readyState == 4 && this.obj.status == 200)
if (returnFormat != "txt")
response = this.obj.responseXML;
else response = this.obj.responseText;
onComplete(response);
}.bind(this)
this.obj.send(data);
}else{
this.obj.send(data);
if (this.obj.status == "200"){
if (returnFormat != "txt")
response = this.obj.responseXML;
else response = this.obj.responseText;
onComplete(response);
}
}
}
Historique
- 28 avril 2008 17:21:47 :
- j avais oublier le bind dans la fonction de retour
- 28 avril 2008 21:18:07 :
- modifier grace au commentaire de ralecul
Sources du même auteur
UID - FRAMEWORK JAVASCRIPTUID - FRAMEWORK JAVASCRIPTUID est encore en développement.
Je poste quand mémé pour me motiver a avancer, connaitre votre avis, et pourquoi pas rechercher des développeur po...
DOMBUILDERDOMBUILDER Pour créer ou insérer des éléments on peux passé comme argument soit une string, soit un n½ud , soit une collection (nodListe), soit une objet, soit u...
GETELEMENTSBYREGGETELEMENTSBYREG suite à un débat sur un autre site, je vous propose un sélécteur d'élément HTML, basé sur des expréssions régulière.
La fonction est très simple d'ut...
OPTIMISER VOS BOUCLES !!OPTIMISER VOS BOUCLES !! cette source n'en n'est pas vraiment une, juste un bench entre le for et le while et des exemple d'optimisation des boucles
seulement testé sous ff...
POSITION, OFFSETLEFT, CLIENTLEFT CROSSBROWSERPOSITION, OFFSETLEFT, CLIENTLEFT CROSSBROWSER ce script permet de récupérer précisément la position d un élément dans le document...
3 fonction disponible :
getOffset(element, from) -> récu...
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
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 à
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.
Ajax - Impossible d'appeler ma page [ par darude94 ]
Bonjour,Voici mon soucis, en cliquant sur le lien supprimer je voudrais supprimer l'element sans rafraichir le probleme et que je ne parviens pas jusq
certain caractère non transmis avec POST [ par supers03 ]
Bonjour,Lorsque j'envoi des données via ajax et la méthode POST, le caractère '+' n'est pas transmis, il est remplacé par un espace. J'imagine que c'
Formulaire tout simple avec envoi en JAVASCRIPT ! NO PHP [ par putainnn ]
Bonjour,voila ma question est simple je voudrais que mon formulaire envoi ce que contient<input type="nom"><input type="pseudo">a mon emai
HTTPS [ par MasterCent ]
Bonjour,Je dois développer une application autour de Ajax, XMLHttpRequest,...L'url est en réalité un HTTPS. Comment puis-je m'authentifier ? Contexte
[AJAX]Tableau et Liste déroulante [ par Ssayan ]
Bonjour a tous,J'ai un petit problemen, je suis désoler mais je n'est pas encor éffectuer le code mais c'est assez simple a imaginer ^^Alors j'ai une
Problème actualisation auto Ajax [ par misterdod ]
Bonsoir,bon j'ai un souci, je souhaiterais qu'une div de ma page affiche un message suivant une donnée précise dans une table sql.J'utilise setInterva
|
Derniers Blogs
[WF4] POURQUOI UTILISER LE CONTENTPRESENTER DANS L'ACTIVITYDESIGNER?[WF4] POURQUOI UTILISER LE CONTENTPRESENTER DANS L'ACTIVITYDESIGNER? par JeremyJeanson
Vous avez peut être remarqué dans les samples WF4 ou dans mon dernier post qu'afin d'appliquer des Template sur un ActivityDesigner on utilise un ContentPresenter . Mais les plus observateurs auront aussi remarqué que l'ActivityDesigner à des propriétés T...
Cliquez pour lire la suite de l'article par JeremyJeanson [MIX 2010] - TELECHARGEZ INTERNET EXPLORER 9 EN PREVIEW ![MIX 2010] - TELECHARGEZ INTERNET EXPLORER 9 EN PREVIEW ! par redo
La Preview de Windows Explorer 9 est maintenant disponible à l'adresse suivante : http://ie.microsoft.com/testdrive/ Cette version ne nécessite pas un redémarrage de votre machine pour être exploitée . Cette version est fonctionnelle mais reste cependant ...
Cliquez pour lire la suite de l'article par redo [MIX 2010] - KEYNOTE DAY 2 ONLINE : WINDOWS INTERNET EXPLORER 9, JQUERY, ODATA ET DALLAS CTP2 ![MIX 2010] - KEYNOTE DAY 2 ONLINE : WINDOWS INTERNET EXPLORER 9, JQUERY, ODATA ET DALLAS CTP2 ! par redo
Dans la lignée du premier keynote, retrouvez la vidéo du second keynote en ligne : Visionnez la vidéo à l'url suivante : http://www.microsoft.com/presspass/events/mix/VideoGallery.aspx Vous y retrouverez ainsi les speakers Scott Guthrie, Dean Hachamovitch...
Cliquez pour lire la suite de l'article par redo [MIX 2010] - RETOUR D'EXPéRIENCE DéVELOPPEMENT SEESMIC SUR WINDOWS PHONE 7[MIX 2010] - RETOUR D'EXPéRIENCE DéVELOPPEMENT SEESMIC SUR WINDOWS PHONE 7 par redo
En avant première, Loic le retour d'expérience de Loïc Le Meur du portage de l'application http://seesmic.com/ sur plateforme Windows Phone 7 . c'était d'ailleurs une des rares opportunités de tester, voir toucher le nouveau device . voyez par vous-même :...
Cliquez pour lire la suite de l'article par redo [MIX 2010] - LE KEYNOTE DAY 1 DISPONIBLE ONLINE ![MIX 2010] - LE KEYNOTE DAY 1 DISPONIBLE ONLINE ! par redo
Si tout comme moi, vous avez manqué de peu le premier keynote du Microsoft Mix 2010, je vous invite à prendre deux heure et le consulter ci-dessous . Visionnez le Keynote à l'url suivante : http://www.microsoft.com/Presspass/events/mix/videoGallery.aspx?c...
Cliquez pour lire la suite de l'article par redo
Logiciels
Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods Konvertor (4.00)KONVERTOR (4.00)Le logiciel est un gestionnaire multimedia affichant, jouant et convertissant plus de 2000 format... Cliquez pour télécharger Konvertor
|