Abdullah Rubiyath :: Alif's Web

<div id="messageDiv"><?php if( isset($_GET['msg']) ) { 
 echo $_GET['msg']; } ?></div>

<form name="addCustomerForm" id="addCustomerForm" method="post" enctype="application/x-www-form-urlencoded" action="somefile.php">
<p>Name: <br />
<input type="text" name="customerName" />
</p>
<p> Address: <br />
<input type="text" name="customerAddress" />
</p>
<p>
 <input type="submit" name="submit" value="Submit" /> <input type="reset" name="reset" value="Reset" />
<input type="hidden" name="return_url" value="URL_OF_CURRENT_PAGE" />
</p>
</form>
 
<script language="javascript" type="text/javascript">
<!-- 
$(function() {
  $('#addCustomerForm').submit(function() {
   // do form validation here
      $.ajax({
          type       : "POST",
          url         : "somefile.php",
          data       : $(this).serialize() + "&return_type=json",
          dataType : "json", 
          success: function(data){
            if( data.error != '0' ) {
                 $('#messageDiv').addClass('error').html(data.msg);
             } else {
                 $('#messageDiv').addClass('success').html(data.msg);
              }
         }
     });
     return false;
  });
 
});
 
// -->
</script>

<?php
/** After Server side validation is done.. **/
$responseArr = array();
 
/** Assuming the process was successful **/
if($success) {
  $responseArr = array (
     'error' => '0',
     'msg'  => 'New Customer Added');
} else {
  $responseArr = array (
     'error' => '1',
     'msg'  => 'Error Adding Customer');
}
 
if( isset($_POST['return_type']) && $_POST['return_type'] == 'json' ) {
    header("Content-Type: text/plain");
    echo json_encode($responseArr);
    exit; 
} else {
    // so, jQuery submission was not made.. 
    header('Location: '.$_POST['return_url'].'?'.http_build_query($responseArr));
    exit;
}
 
 
?>