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  * name:       $.fn.formValues
 137  * example:    $('#frmLogin').formValues('sButton')
 138  * docs:       Gets form values and creates a key=>value array of the found values.
 139  *             Optionally adds the button which is clicked if you provide it.
 140  *             Only does this for ENABLED elements in the order of the form.
 141  */
 142 $.fn.formValues = function(sButton) {
 143         var a = [];
 144         var ok = {INPUT:true, TEXTAREA:true, OPTION:true};
 145
 146         // Loop the shite
 147         $('*', this).each(function() {
 148                 // Skip elements not of the types in ok
 149                 if (!ok[this.tagName.toUpperCase()])
 150                         return;
 151
 152                 // Skip disabled elements
 153                 if (this.disabled)
 154                         return;
 155
 156                 // Skip submit buttons and image elements
 157                 if ((this.type == 'submit') || (this.type == 'image'))
 158                         return;
 159
 160                 // Skip non-selected options
 161                 var oParent = this.parentNode;
 162                 var sNn = oParent.nodeName.toUpperCase();
 163                 if (((sNn == 'SELECT') || (sNn == 'OPTGROUP')) && (!this.selected))
 164                         return;
 165
 166                 // Skip non-checked nodes
 167                 if (((this.type == 'radio') || (this.type == 'checkbox')) && (!this.checked))
 168                         return;
 169
 170                 // If we come here, everything is fine
 171                 var sKey = this.name || this.id || oParent.name || oParent.id;
 172                 var sValue = this.value;
 173
 174                 // If we don't have an ID, and the parent is an OPTGROUP,
 175                 // get the NAME or ID of the OPTGROUP's parent
 176                 if ((!sKey) && (sNn == 'OPTGROUP') && (oParent = oParent.parentNode))
 177                         sKey = oParent.name || oParent.id;
 178
 179                 // Add the data
 180                 a.push({ name: sKey, value: sValue });
 181         });
 182
 183         // Add submit button if needed
 184         if (sButton && (sButton !== null)) {
 185                 var el = $(sButton).get(0);
 186                 a.push({
 187                         name: el.name || el.id || el.parentNode.name || el.parentNode.id,
 188                         value: el.value
 189                 });
 190         }
 191
 192         // Done
 193         return a;
 194 };
 195
 196 /**
 197  * name:       $.fn.update
 198  * example:    $('someJQueryObject').update('sURL', 'sAction', 'aValues', 'fCallback');
 199  * docs:       Calls sURL with sAction and sends the aValues
 200  *                  Puts the results from that call in the jQuery object and calls fCallback
 201  */
 202 $.fn.update = function(sURL, sMethod, aValues, fCallback) {
 203         var el = this;
 204
 205         // Process
 206         $.xml(
 207                 sMethod || "GET",
 208                 sURL || "",
 209                 $.param(aValues),
 210                 function(sResult) {
 211                         sResult = $.httpData(sResult);
 212
 213                         // Update the element with the new HTML
 214                         el.html(sResult);
 215
 216                         // Evaluate the scripts AFTER this (so you can allready modify the new HTML!)
 217                         el.html(sResult).find("script").each(function(){
 218                                 try { $.eval( this.text || this.textContent || this.innerHTML || "" ); } catch(e) { }
 219                         });
 220
 221                         // And call the callback handler :)
 222                         if (fCallback && (fCallback.constructor == Function))
 223                                 fCallback();
 224                 }
 225         );
 226 };
 227
 228 /**
 229  * name:                        $.fn.serialize
 230  * example:    $('someJQueryObject').serialize('sButton', 'fCallback');
 231  * docs:       Calls the form's action with the correct method and the serialized values.
 232  *             Optionally adds the button which is clicked if you provide it.
 233  *             When there are results, the fCallback function is called.
 234  */
 235 $.fn.serialize = function(sButton, fCallback) {
 236         var el = this.get(0);
 237
 238         // Process
 239         $.xml(
 240                 el.method || "GET",
 241                 el.action || "",
 242                 $.param(this.formValues(sButton)),
 243                 function(sResult) {
 244                         if (fCallback && (fCallback.constructor == Function))
 245                                 fCallback($.httpData(sResult));
 246                 }
 247         );
 248 };