this module will be used mainly to post the content of a form and receive the response from server. it recognizes the fields and parses the server response automatically.
all you need is to include the javascript code to your page:
<script language="javascript" src="js/ajaxClass.js"></script> |
and call the function at the end of your page:
function submitForm() { ajaxObject.submitForm('myForm', 'spanResponseContainer', 'ajax-loader.gif'); } |
myForm: your Form's id or name
spanResponseContainer: an Span as container for server response
ajax-loader.gif: the path to an image to show while waiting for server response, see this post if you don't know, where to get such an image.
here is the whole sample:
<html> <head> <title>.:: Simple Ajax Test ::.</title> <script language="javascript" src="js/ajaxClass.js"></script> </head> <body> <form action="/myserver/sayHello.jsp" name="myForm" method="post" onsubmit="submitForm(); return false;"> <table> <tr> <td>Enter your name:</td> <td align="left"> <input type="text" name="textName" size="20" value="" /> </td> </tr> </table> <input type="submit" value="send"> </form> <br /> <br /> <span id="spanResponseContainer"></span> <script language="JavaScript"> function submitForm() { ajaxObject.submitForm('myForm', 'spanResponseContainer', 'ajax-loader.gif'); } </script> </body> </html> |
you can download the script from here
No comments:
Post a Comment