ajax/ajax.js

   1 // AJAX Plugin
   2 // Docs Here:
   3 // http://jquery.com/docs/ajax/
   4
   5 if ( typeof XMLHttpRequest == 'undefined' && typeof window.ActiveXObject == 'function') {
   6         XMLHttpRequest = function() {
   7                 return new ActiveXObject((navigator.userAgent.toLowerCase().indexOf('msie 5') >= 0) ?
   8                         "Microsoft.XMLHTTP" : "Msxml2.XMLHTTP");
   9         };
  10 }
  11
  12 // Counter for holding the active query's
  13 $.xmlActive=0;
  14
  15 $.xml = function( type, url, data, ret ) {
  16         var xml = new XMLHttpRequest();
  17
  18         if ( xml ) {
  19                 // Open the socket
  20                 xml.open(type || "GET", url, true);
  21                 if ( data )
  22                         xml.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  23
  24                 // Set header so calling script knows that it's an XMLHttpRequest
  25                 xml.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
  26
  27                 /* Force "Connection: close" for Mozilla browsers to work around
  28                  * a bug where XMLHttpReqeuest sends an incorrect Content-length
  29                  * header. See Mozilla Bugzilla #246651.
  30                  */
  31                 if ( xml.overrideMimeType )
  32                         xml.setRequestHeader('Connection', 'close');
  33
  34                 xml.onreadystatechange = function() {
  35                         // Socket is openend
  36                         if ( xml.readyState == 1 ) {
  37                                 // Increase counter
  38                                 $.xmlActive++;
  39
  40                                 // Show loader if needed
  41                                 if ( ($.xmlActive >= 1) && ($.xmlCreate) )
  42                                         $.xmlCreate();
  43                         }
  44
  45                         // Socket is closed and data is available
  46                         if ( xml.readyState == 4 ) {
  47                                 // Decrease counter
  48                                 $.xmlActive--;
  49
  50                                 // Hide loader if needed
  51                                 if ( ($.xmlActive <= 0) && ($.xmlDestroy) ) {
  52                                         $.xmlDestroy();
  53                                         $.xmlActive = 0
  54                                 }
  55
  56                                 // Process result
  57                                 if ( ret )
  58                                         ret(xml);
  59                         }
  60                 };
  61
  62                 xml.send(data)
  63         }
  64 };
  65
  66 $.httpData = function(r,type) {
  67         return r.getResponseHeader("content-type").indexOf("xml") > 0 || type == "xml" ?
  68                 r.responseXML : r.responseText;
  69 };
  70
  71 $.get = function( url, ret, type ) {
  72         $.xml( "GET", url, null, function(r) {
  73                 if ( ret ) { ret( $.httpData(r,type) ); }
  74         });
  75 };
  76
  77 $.getXML = function( url, ret ) {
  78         $.get( url, ret, "xml" );
  79 };
  80
  81 $.post = function( url, data, ret, type ) {
  82         $.xml( "POST", url, $.param(data), function(r) {
  83                 if ( ret ) { ret( $.httpData(r,type) ); }
  84         });
  85 };
  86
  87 $.postXML = function( url, data, ret ) {
  88         $.post( url, data, ret, "xml" );
  89 };
  90
  91 $.param = function(a) {
  92         var s = [];
  93         if (a && typeof a == 'object' && a.constructor == Array) {
  94                 for ( var i=0; i < a.length; i++ ) {
  95                         s[s.length] = a[i].name + "=" + encodeURIComponent( a[i].value );
  96                 }
  97         } else {
  98                 for ( var j in a ) {
  99                         s[s.length] = j + "=" + encodeURIComponent( a[j] );
 100                 }
 101         }
 102         return s.join("&");
 103 };
 104
 105 $.fn.load = function(a,o,f) {
 106         // Arrrrghhhhhhhh!!
 107         // I overwrote the event plugin's .load
 108         // this won't happen again, I hope -John
 109         if ( a && a.constructor == Function ) {
 110                 return this.bind("load", a);
 111         }
 112
 113         var t = "GET";
 114         if ( o && o.constructor == Function ) {
 115                 f = o;
 116                 o = null;
 117         }
 118         if (o !== null) {
 119                 o = $.param(o);
 120                 t = "POST";
 121         }
 122         var self = this;
 123         $.xml(t,a,o,function(h){
 124                 h = h.responseText;
 125                 self.html(h).find("script").each(function(){
 126                         try {
 127                                 $.eval( this.text || this.textContent || this.innerHTML );
 128                         } catch(e){}
 129                 });
 130                 if(f){f(h);}
 131         });
 132         return this;
 133 };
 134
 135 /**
 136  * function: $.fn.formValues
 137  * usage: $('#frmLogin').formValues()
 138  * docs: Gets form values and creates a key=>value array of the found values (for ENABLED elements!)
 139  */
 140 $.fn.formValues = function() {
 141         var a = [];
 142         $("input,textarea,option",this).filter(":enabled").each(function(){
 143                 // Skip selects with options which are not selected
 144                 if ((this.parentNode.type == 'select-one' || this.parentNode.type == 'select-multiple') && !this.selected) {
 145                         return null;
 146                 }
 147
 148                 // Skip radio and checkbox elements which are not checked
 149                 if ((this.type == 'radio' || this.type == 'checkbox') && !this.checked) {
 150                         return null;
 151                 }
 152
 153                 // All other elements are valid
 154                 a.push({
 155                         name: this.name || this.id || this.parentNode.name || this.parentNode.id,
 156                         value: this.value
 157                 });
 158         });
 159         return a;
 160 };
 161
 162 /**
 163  * function: $.update
 164  * usage: $.update('someJQueryObject', 'someurl', 'array');
 165  * docs: Mimics the ajaxUpdater from prototype. Posts the key=>value array to the url and
 166  * puts the results from that call in the jQuery object specified.
 167  * --> If you set the blnNoEval to true, the script tags are NOT evaluated.
 168  */
 169 $.update = function(objElement, strURL, arrValues, fncCallback) {
 170         $.post(strURL, arrValues, function(strHTML) {
 171                 // Update the element with the new HTML
 172                 objElement.html(strHTML);
 173
 174                 // Evaluate the scripts
 175                 objElement.html(strHTML).find("script").each(function(){
 176                         try {
 177                                 $.eval( this.text || this.textContent || this.innerHTML );
 178                         } catch(e) { }
 179                 });
 180
 181                 // Callback handler
 182                 if (fncCallback) { fncCallback(); }
 183         });
 184 };