jQuery POST form data

Question

When I click submit I'd like all form data to be POSTed to process.php. Then on process.php I want to echo out the POST data and finally replace everything in results div to what was done in process.php.

<script type="text/javascript">     $(document).ready(function(){         $("#myform").submit( function () {                 $.ajax({                    type: "POST",                 dataType: "html",                  cache: false,                   url: "process.php",                    success: function(data){                     $("#results").html(data);                                        }                });                return false;            });          //$("#myform").submit( function () {             //$('#results').html("yay");                             //}               // });           //} );               }); </script> 

<form name="myform" id="myform" action="" method="POST">   <!-- The Name form field -->     <label for="name" id="name_label">zoom</label>       <input type="text" name="zoom" id="zoom" size="30" value=""/>       <br> </select>   <!-- The Submit button -->     <input type="submit" name="submit" value="Submit">  </form>  <!-- FORM END ----------------------------------------  -->   <!-- RESULTS START ---------------------------------------- -->     <div id="results">nooooooo<?PHP $_SESSION[''] ?><div>     <!-- <input type="image" name="mapcoords" border="0" src="mapgen.php"> ---- --> <!-- RESULTS END ---------------------------------------- --> 

Answer 1

You can call $.post passing form data serialized. like this:

<script type="text/javascript">         $(document).ready(function(){             $("#myform").submit( function () {                   $.post(                'process.php',                 $(this).serialize(),                 function(data){                   $("#results").html(data)                 }               );               return false;                });            }); </script>