Demo of HTTP Post using JQuery

First Name
Second Name

Return to HTTP Post tutorial

jQuery HTML

<script>
   $(document).ready(function() {
      $("#b1").click(function(event){

$.post( "postck1.php", {"t1":$('#t1').val(),"t2":$('#t2').val()},function(return_data,status){
//$.post( "postck.php", $( "#f1" ).serialize(),function(return_data,status){
          $("#msg").html(return_data);
});
  });
 });
</script>
<table><form id=f1>
<tr><td>First Name</td><td><input type=text id="t1" name="t1"></td></tr>
<tr><td>Second Name</td><td><input type=text id="t2" name="t2"></td></tr>
<tr><td colspan=2><input type="button" id="b1" value="Submit"></td><td></td></tr>
</form>
</table>
      
<div id="msg" class="msg"></div>