Advertisement
Guest User

Untitled

a guest
Jul 20th, 2017
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script type="text/javascript" src="Testing_Ajax.js"></script>
  2. <script type="text/javascript" src="jquery-1.5.js"></script>
  3.  
  4. <script type="text/javascript">
  5.     $(document).ready(function(){
  6.         $("div").addClass('cls_display');
  7.         $("input.cls_post").click(function(){
  8.             var js_temp1,js_temp2;
  9.             js_temp1=$("#id_username").val();
  10.             js_temp1=encodeURIComponent(js_temp1);
  11.             js_temp2=$("#id_password").val();
  12.             js_temp2=encodeURIComponent(js_temp2);
  13.             $.post("Display_Ajax.php",{username: js_temp1, password: js_temp2},
  14.                     function(callback){$("div.cls_display").text(callback);});                                                                     
  15.         });
  16.     });
  17. </script>
  18. <style>
  19.     .cls_display{
  20.         background-color: green;
  21.     }
  22. </style>
  23.  
  24. <form name="nm_form" method="POST" action="Display_Ajax.php">
  25.     <table>    
  26.         <tr><td>User Name:</td><td><input type="text" name="nm_username" id="id_username"/></td></tr>
  27.         <tr><td>Password:</td><td><input type="text" name="nm_password" id="id_password"/></td></tr>
  28.         <tr><td><input type="button" value="Submit" onclick="runAjax()"/></td></tr>
  29.         <tr><td><input type="button" class="cls_post" value="Submitforajax"/></td></tr>
  30.     </table>
  31.     <div id="id_display" class="cls_display">
  32.        
  33.     </div>
  34. </form>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement