Advertisement
Guest User

jQuery AJAX to PHP

a guest
Jun 21st, 2018
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.23 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>PHP Ajax</title>
  5.         <meta charset="utf-8">
  6.     </head>
  7.     <body>
  8.         <form id="form" action="process.php" method="POST">
  9.             <input type="text" name="name" placeholder="Name"><br>
  10.             <input type="text" name="email" placeholder="Email"><br>
  11.             <textarea name='message'></textarea><br>
  12.             <button type="submit">Senden</button>
  13.         </form>
  14.        
  15.         <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  16.         <script>
  17.             $(document).ready(function(){
  18.                 $('#form').submit(function(e){
  19.                     //console.log('Submitted');
  20.                     $.ajax({
  21.                         type: "POST",
  22.                         url: "process.php",
  23.                         data: $("#form").serialize(),
  24.                         success: function(data){
  25.                             console.log(data)
  26.                         }
  27.                     })
  28.                    
  29.                     e.preventDefault();
  30.                 })
  31.             })
  32.         </script>
  33.     </body>
  34. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement