Some errors in the formvalues() function
[jquery.git] / 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 };