/* classe API */ export class APIClient{ constructor(target){ this.target = target; this.xhr = []; // tableau d'objets pour les requêtes ajax this.buffer = null; // Contiendra le buffer pour debugger si erreur de parsage this.error = { // error constants '-1': 'Invalid target format: "METHOD module/method"', '-2': 'XHR error', '-3': 'Invalid JSON response', }; } /* transaction avec le serveur (http://{host}/api/) * * @param pTarget URI cible, format "HTTP_METHOD uri/uri/uri" * @param pArgs Le tableu d'arguments passé en POST (attribut<->postfield) à http://{host}/api/ * @param pHandler Fonction qui s'éxécutera lors de la réponse (1 argument -> réponse) * @param pToken Optionnel, token d'auth pour l'api * *************************************************************************************************** * * @usecase * 1. api.call( * 2. "PUT newspaper/article/4" * 2. { content: "New article content" }, * 3. function(resp){ * 4. alert(resp.error); * 5. } * 6. ); * */ call(pTarget, pArgs, pHandler, pToken=null){ /* (1) Check @pHandler (for dispatching errors) ---------------------------------------------------------*/ /* (1) Check if is a Function */ if( !(pHandler instanceof Function) ) throw new Error("3rd argument must be a function, but is of type '"+typeof(pHandler)+"' !"); /* (2) Check @pTarget ---------------------------------------------------------*/ /* (1) Check format */ if( !/^([A-Z]+) (.+)/i.test(pTarget) ){ pHandler({ error: -1, ErrorDescription: this.error['-1'] }); return false; } /* (2) Store locally data */ var lHttpMethod = RegExp.$1; var lUri = RegExp.$2; /* (3) Create form data ---------------------------------------------------------*/ /* (1) Create virtual form */ var lForm = new FormData(); /* (2) Add attributes */ for( var key in pArgs ){ // {2.1} If a file -> send as it // if( pArgs[key] instanceof File ) lForm.append(key, pArgs[key]); // {2.2} Else -> JSON stringify // else lForm.append(key, JSON.stringify(pArgs[key])); } /* (4) Create XHR request ---------------------------------------------------------*/ /* (1) Clean ended requests */ for( var i = this.xhr.length-1 ; i >= 0 ; i-- ){ if( this.xhr[i] != null ) break; this.xhr.pop(); } /* (2) Push a new entry -> fetch its index */ i = this.xhr.push(null) - 1; /* (3) Create XHR object */ this.xhr[i] = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHttpRequest'); /* (5) Bind response event ---------------------------------------------------------*/ var self = this; // to access the buffer this.xhr[i].onreadystatechange = function(i){ /* (1) If request over */ if( this.xhr[i].readyState == 4 ){ /* (2) Update buffer (for debug) */ self.buffer = this.xhr[i].responseText; /* (3) If request success */ if( [0, 200, 417].indexOf(this.xhr[i].status) > -1 ){ /* (3.1) Create default response (if JSON error) */ var response = {error:-3, ErrorDescription: self.error['-3']}; /* (3.2) Try to parse JSON */ try{ response = JSON.parse(this.xhr[i].responseText); }catch(e){} /* (3.3) Launch @pHandler with response */ pHandler(response); /* (4) If request error */ }else pHandler({ error:-2, ErrorDescription: self.error['-2'] }); /* (5) Notify current xhr instance is done */ this.xhr[i] = null; } }.bind(this, i); /* (6) Finish & send request ---------------------------------------------------------*/ /* (1) Open the XHR */ this.xhr[i].open(lHttpMethod, this.target+lUri, true); /* (2) Manage optional token */ if( pToken != null ) this.xhr[i].setRequestHeader('Authorization', 'Digest '+pToken); /* (3) Custom header to notify we're using Ajax */ this.xhr[i].setRequestHeader('X-Requested-With', 'XMLHttpRequest'); /* (4) Make the call */ this.xhr[i].send( lForm ); return true; } }