XML
  Home arrow XML arrow XML in the Browser: Submitting forms using...
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Dedicated Servers  
Actuate Whitepapers 
Moblin 
IBM® developerWorks 
Sun Developer Network 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
XML

XML in the Browser: Submitting forms using AJAX
By: Chris Root
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 162
    2005-04-25

    Table of Contents:
  • XML in the Browser: Submitting forms using AJAX
  • What's Out There Now
  • The XML in HTTPRequest
  • HTTP Methods
  • Using POST
  • Submitting a Form

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT

    AT&T devCentral & BlackBerry(r) Webcast Series: BlackBerry and GPS -Build Location Awareness into your BlackBerry Applications, July 10th -1:00PM EST. Register Today!

    XML in the Browser: Submitting forms using AJAX


    (Page 1 of 6 )

    One of the least user friendly features of most websites is forms. The longer the form, the more annoying it gets. However, a new technology called AJAX (that has nothing to do with household cleansers!) can help.

    Let's face it. Using forms on the Internet is a drag. This is especially true when the form is really long and spread over multiple pages. Every time you hit the "submit" or "continue" buttons, there is a long user-unfriendly wait.

     

    It doesn't have to be this way. A relatively new technology called AJAX (Asynchronous Javascript and XML) can allow an HTML form to submit contents to a server without a page re-load.

     

    AJAX opens up enormous possibilities for Web applications simply by allowing HTTP requests to be made in the background asynchronously (while other scripts on the page run and other user activity continues).

     

    AJAX Technology

     

    AJAX technology is based on a Javascript Object called XMLHTTPRequest. Amazingly enough. XMLHTTPRequest is not a standard part of Javascript or the DOM. The fact that this object is supported by Internet Explorer 5.5, Mozilla/Firefox, Safari 1.2 and Opera 7 is a testament to just how useful this technology can be.

     

    The W3C Load and Save Specification allows for similar functionality. Load and Save is not currently implemented in any Web browsers. When it is, however, both Load and Save and XMLHTTPRequest will likely be implemented in most browsers.

     

    More XML Articles
    More By Chris Root


       · this is just what I was looking for, but I found a few error's or something what...
       · I was using XMLHttpRequest from javascript through hidden frames to get/put to the...
       · The permissions error is caused by trying to run that script off of your own...
       · Hi,I am able to send the request to the server. But the problem is I dont know how...
       · It would be handled as any http request would be. I don't do a lot of JSP but I...
       · I almost forgot. JSP has a Request object for recieving the request. The...
       · Hi: How can i upload a file using the ajax form method ??? thanks for your...
       · You mention in XML in the Browser: Submitting forms using AJAX - HTTP Methods...
       · request = new ActiveXObject("Microsoft.XMLHTTP"); request.onreadystatechange =...
       · You're current script does not support radio buttons. The POST/GET will return the...
       · Great tutorial,i've used this script, and i found that it doesn't preserve special...
       · The W3C specifications state that any form object that is disabled cannot be...
       · Hi, the radio part of the last post is not working for me. I'm getting a Javascript...
       · I'm having the same problem.. Any solutions? Thanks!
       · Hello,This is how I made the radio button case work correctly in IE 6 sp2....
       · Sorry about that, as I said, I never tried out all the types. Thanks for pointing it...
       · I have done some testing and have found multiple selects don't work correctly...
       · But where is the displayState function that is needed to get the values returned...
       · That would be your AJAX script which this article does not address. Whatever you are...
       · At least as far as i know...Please correct me if I'm wrong.
       · Hmm this new GetFormValues function made my code stop working..Not sure why at...
       · Ahh got it working..Thanks heaps for your code. Much appreciated, saved me lots...
       · Hello,Could you please send a link to the complete script.Thanx in...
       · My changed version with testing html...
     

    XML ARTICLES

    - Path, Predicates, and XQuery
    - Using Predicates with XQuery
    - Navigating Input Documents Using Paths
    - XML Basics
    - Introduction to XPath
    - Simple Web Syndication with RSS 2.0
    - Java UI Design with an IDE
    - UI Design with Java and XML Toolkits
    - Displaying ADO Retrieved Data with XML Islan...
    - Widget Walkthrough
    - Introduction to Widgets
    - The Why and How of XML Data Islands
    - Creating an XUL App Installer
    - Overlays in XUL
    - Skinning Your Custom XUL Applications







    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 1 hosted by Hostway