Changes between Version 21 and Version 22 of AJAX/Dojo/RefactoredFormSubmit

Timestamp:

Feb 20, 2007, 11:12:28 AM (18 years ago)

Author:

erob@…

Comment:

updated ajax.js, and added a note about using dom+ajax..

AJAX/Dojo/RefactoredFormSubmit

@@ -84 +84 @@
 function myinit() {
     // connect the event with the good handler
-    var myButton = dojo.byId("xBtn1");
-    dojo.event.connect(myButton, "onclick", "sendForm");
-};
+    var myButton = dojo.byId("xBtn1")
+    dojo.event.connect(myButton, "onclick", "sendForm")
+}
 function sendForm() {
     var fNode = dojo.byId('xForm')
     var fParms = dojo.io.encodeForm(fNode)
-    var myErrorDiv = dojo.byId('errorBox1')
     var bindArgs = {
         url: ".",
         mimetype: 'text/plain',
         method: "post",
-        preventCache: true,
+        // useCache: true,
+        // sync: true,
         transport: "XMLHTTPTransport",
         postContent: fParms,
@@ -107 +107 @@
                return false
         },
-        load: function(type, data, http, kwArgs){
-              // Handle "successful" responses here
+        load: function(type, data, http, kwArgs) 
+         {
+             /*
+              * Handle "successful" responses here
+              **/  
               var errStr = ''
+              var errDiv = dojo.byId('errBox1')
               if(type == 'load'){
-                try {
+                try{
                  var json = eval( '(' + data + ')' )
-                } catch (e) {
+                }catch (e){
                   // not json
-                  document.write(data)
+                  // alert(e)
+                  if (!http.responseText){
+                    document.write(data)
+                  } else {
+                    document.write(http.responseText)
+                  }
                   return false
                 }
-                for (x in json) 
-                    errStr += x + ': ' + json[x] + '<br />'
-                myErrorDiv.innerHTML = errStr
-              }
-         }
-    };
+                var listElement = document.createElement('ul')
+                errDiv.innerHTML = 'Testing..'
+                if (json.error != null){
+                    errDiv.innerHTML = json.error
+                }else if(json.errors != null){
+                    for (x in json.errors){ 
+                        myLi = document.createElement('li')
+                        myLi.innerHTML = x + ': ' + json.errors[x].toString()
+                        listElement.appendChild(myLi)
+                    } 
+                    errDiv.appendChild(listElement)
+                }
+           }}
+       };
     var xmlhttp = dojo.io.bind(bindArgs)
     return xmlhttp
@@ -140 +157 @@
  * Usability issues: HTML 4.01 vs XHTML 1.0 strict vs No javascript
  * XMLHTTPTransport doesnt support file-uploading.  
+ * DOM manipulations wont update the raw HTML source, however the correct aspect is preserved.   
 
 === Notes/Comments/Suggestions === 
-
-Does that make any sense at all? 
 
 Add some comments here. =)