Changes between Version 8 and Version 9 of AJAX/Dojo/RefactoredFormSubmit

Timestamp:

Feb 11, 2007, 10:41:41 AM (17 years ago)

Author:

erob@…

Comment:

added core js block

AJAX/Dojo/RefactoredFormSubmit

@@ -65 +65 @@
 from the list of required modules above, so we wont load the already compiled 
 Dojo modules twice.    
+
+=== Form validating w/ dojo.io.bind ===
  
 Let's complete our application by writing down the core JS file, 
@@ -70 +72 @@
 
 {{{
-...
+function validate() {
+    var fNode = dojo.byId('xForm');
+    var fParms = dojo.io.encodeForm(fNode);
+    var bindArgs = {
+        url: ".",
+        mimetype: 'text/json',
+        method: "post",
+        preventCache: true,
+        transport: "XMLHTTPTransport",
+        postContent: fParms,
+        error: function(type, error){
+               // handle error here
+               // var errorBox = dojo.byId('errorMsg');
+               // errorBox.childNodes[0].nodeValue = error;
+               alert(error.message);
+               return false;
+        },
+        load: function(type, data, evt){
+              // handle successful response here
+              if(type == 'load'){
+                var myDiv = dojo.byId('errorBox1')
+                // XXX not sure what to do if the data is JSON or
+                // something else..
+                var json = dojo.json.evalJson(data)
+                if(json){
+                   errStr = ''
+                   for(x in json){
+                     errStr += x + ': ' + json[x] + '<br />'
+                   }
+                   myDiv.innerHTML = errStr
+                }else{
+                   myDiv.innerHTML = "hello, world!"
+              }}
+       }}
+       var xmlhttp = dojo.io.bind(bindArgs)
+       return xmlhttp
+}
 }}}
+
+Notice the removal of ''formNode'' for ''postContent'', and the
+use of ''dojo.io.encodeForm'' to parse/encode the form data in 
+a proper format. 
 
 === Limitations/Bugs ===