X-Git-Url: http://git.asbjorn.biz/?a=blobdiff_plain;f=ajax%2Fajax.js;h=87a90b348a570832503d4f50729c0b76c344f3e3;hb=6e69be66878c6fe384cbf42345337d19554ffbb6;hp=bd08f83e0a005f3ff67ea616bba363e9c3b24af0;hpb=b9e0b6ff37ab837ef2e031bac23c36ee3007cc46;p=jquery.git diff --git a/ajax/ajax.js b/ajax/ajax.js index bd08f83..87a90b3 100644 --- a/ajax/ajax.js +++ b/ajax/ajax.js @@ -3,25 +3,59 @@ // http://jquery.com/docs/ajax/ if ( typeof XMLHttpRequest == 'undefined' && typeof window.ActiveXObject == 'function') { - var XMLHttpRequest = function() { - return new ActiveXObject((navigator.userAgent.toLowerCase().indexOf('msie 5') >= 0) ? + XMLHttpRequest = function() { + return new ActiveXObject((navigator.userAgent.toLowerCase().indexOf('msie 5') >= 0) ? "Microsoft.XMLHTTP" : "Msxml2.XMLHTTP"); }; } +// Counter for holding the active query's +$.xmlActive=0; + $.xml = function( type, url, data, ret ) { var xml = new XMLHttpRequest(); if ( xml ) { + // Open the socket xml.open(type || "GET", url, true); - if ( data ) xml.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); + // Set header so calling script knows that it's an XMLHttpRequest + xml.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); + + /* Force "Connection: close" for Mozilla browsers to work around + * a bug where XMLHttpReqeuest sends an incorrect Content-length + * header. See Mozilla Bugzilla #246651. + */ + if ( xml.overrideMimeType ) + xml.setRequestHeader('Connection', 'close'); + xml.onreadystatechange = function() { + // Socket is openend + if ( xml.readyState == 1 ) { + // Increase counter + $.xmlActive++; + + // Show loader if needed + if ( ($.xmlActive >= 1) && ($.xmlCreate) ) + $.xmlCreate(); + } + + // Socket is closed and data is available if ( xml.readyState == 4 ) { - if ( ret ) ret(xml); - $.triggerAJAX( $.httpData(xml) ); + // Decrease counter + $.xmlActive--; + + // Hide loader if needed + if ( ($.xmlActive <= 0) && ($.xmlDestroy) ) { + $.xmlDestroy(); + $.xmlActive = 0 + } + + // Process result + if ( ret ) + ret(xml); } }; @@ -36,7 +70,7 @@ $.httpData = function(r,type) { $.get = function( url, ret, type ) { $.xml( "GET", url, null, function(r) { - if ( ret ) ret( $.httpData(r,type) ); + if ( ret ) { ret( $.httpData(r,type) ); } }); }; @@ -46,7 +80,7 @@ $.getXML = function( url, ret ) { $.post = function( url, data, ret, type ) { $.xml( "POST", url, $.param(data), function(r) { - if ( ret ) ret( $.httpData(r,type) ); + if ( ret ) { ret( $.httpData(r,type) ); } }); }; @@ -54,41 +88,17 @@ $.postXML = function( url, data, ret ) { $.post( url, data, ret, "xml" ); }; -// Global AJAX Event Binding -// Requested here: -// http://jquery.com/discuss/2006-March/000415/ - -$.fn.handleAJAX = function( callback ) { - $.ajaxHandles = $.merge( $.ajaxHandles, this.cur ); - return this.bind( 'ajax', callback ); -}; - -$.ajaxHandles = []; -$.triggerAJAX = function(data){ - for ( var i = 0; i < $.ajaxHandles.length; i++ ) - triggerEvent( $.ajaxHandles[i], 'ajax', [data] ); -}; - -// Dynamic Form Submission -// Based upon the mailing list post at: -// http://jquery.com/discuss/2006-March/000424/ - -$.fn.serialize = function(callback) { - return this.each(function(){ - var a = {}; - $(this) - .find("input:checked,hidden,text,option[@selected],textarea") - .filter(":enabled").each(function() { - a[ this.name || this.id || this.parentNode.name || this.parentNode.id ] = this.value; - }); - $.xml( this.method || "GET", this.action || "", $.param(a), callback ); - }); -}; - $.param = function(a) { var s = []; - for ( var i in a ) - s[s.length] = i + "=" + encodeURIComponent( a[i] ); + if (a && typeof a == 'object' && a.constructor == Array) { + for ( var i=0; i < a.length; i++ ) { + s[s.length] = a[i].name + "=" + encodeURIComponent( a[i].value ); + } + } else { + for ( var j in a ) { + s[s.length] = j + "=" + encodeURIComponent( a[j] ); + } + } return s.join("&"); }; @@ -96,27 +106,143 @@ $.fn.load = function(a,o,f) { // Arrrrghhhhhhhh!! // I overwrote the event plugin's .load // this won't happen again, I hope -John - if ( a && a.constructor == Function ) + if ( a && a.constructor == Function ) { return this.bind("load", a); + } var t = "GET"; if ( o && o.constructor == Function ) { f = o; o = null; } - if (o != null) { + if (typeof o !== 'undefined') { o = $.param(o); t = "POST"; } var self = this; $.xml(t,a,o,function(h){ - var h = h.responseText; + h = h.responseText; self.html(h).find("script").each(function(){ try { - eval( this.text || this.textContent || this.innerHTML ); + $.eval( this.text || this.textContent || this.innerHTML || ""); } catch(e){} }); - if(f)f(h); + if(f){f(h);} }); return this; }; + +/** + * name: $.fn.formValues + * example: $('#frmLogin').formValues('sButton') + * docs: Gets form values and creates a key=>value array of the found values. + * Optionally adds the button which is clicked if you provide it. + * Only does this for ENABLED elements in the order of the form. + */ +$.fn.formValues = function(sButton) { + var a = []; + var ok = {INPUT:true, TEXTAREA:true, OPTION:true}; + + // Loop the shite + $('*', this).each(function() { + // Skip elements not of the types in ok + if (!ok[this.tagName.toUpperCase()]) + return; + + // Skip disabled elements + if (this.disabled) + return; + + // Skip submit buttons and image elements + if ((this.type == 'submit') || (this.type == 'image')) + return; + + // Skip non-selected options + var oParent = this.parentNode; + var sNn = oParent.nodeName.toUpperCase(); + if (((sNn == 'SELECT') || (sNn == 'OPTGROUP')) && (!this.selected)) + return; + + // Skip non-checked nodes + if (((this.type == 'radio') || (this.type == 'checkbox')) && (!this.checked)) + return; + + // If we come here, everything is fine + var sKey = this.name || this.id || oParent.name || oParent.id; + var sValue = this.value; + + // If we don't have an ID, and the parent is an OPTGROUP, + // get the NAME or ID of the OPTGROUP's parent + if ((!sKey) && (sNn == 'OPTGROUP') && (oParent = oParent.parentNode)) + sKey = oParent.name || oParent.id; + + // Add the data + a.push({ name: sKey, value: sValue }); + }); + + // Add submit button if needed + if (sButton && (sButton !== null)) { + var el = $(sButton).get(0); + a.push({ + name: el.name || el.id || el.parentNode.name || el.parentNode.id, + value: el.value + }); + } + + // Done + return a; +}; + +/** + * name: $.fn.update + * example: $('someJQueryObject').update('sURL', 'sAction', 'aValues', 'fCallback'); + * docs: Calls sURL with sAction and sends the aValues + * Puts the results from that call in the jQuery object and calls fCallback + */ +$.fn.update = function(sURL, sMethod, aValues, fCallback) { + var el = this; + + // Process + $.xml( + sMethod || "GET", + sURL || "", + $.param(aValues), + function(sResult) { + sResult = $.httpData(sResult); + + // Update the element with the new HTML + el.html(sResult); + + // Evaluate the scripts AFTER this (so you can allready modify the new HTML!) + el.html(sResult).find("script").each(function(){ + try { $.eval( this.text || this.textContent || this.innerHTML || "" ); } catch(e) { } + }); + + // And call the callback handler :) + if (fCallback && (fCallback.constructor == Function)) + fCallback(); + } + ); +}; + +/** + * name: $.fn.serialize + * example: $('someJQueryObject').serialize('sButton', 'fCallback'); + * docs: Calls the form's action with the correct method and the serialized values. + * Optionally adds the button which is clicked if you provide it. + * When there are results, the fCallback function is called. + */ +$.fn.serialize = function(sButton, fCallback) { + var el = this.get(0); + + // Process + $.xml( + el.method || "GET", + el.action || "", + $.param(this.formValues(sButton)), + function(sResult) { + if (fCallback && (fCallback.constructor == Function)) + fCallback($.httpData(sResult)); + } + ); +};