|
 Trouver une ressource
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !
 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
 Sources de la même categorie
Sources en rapport avec celle ci
 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
|
 Téléchargements
Logiciels à télécharger sur le même thème :
|