Important alert: (current site time 5/19/2013 2:26:53 AM EDT)
 

VB icon

Post entire form and return JSON data from PHP

Email
Submitted on: 4/27/2012 5:23:26 PM
By: Amit Kumar Gaur  
Level: Advanced
User Rating: Unrated
Compatibility: PHP 5.0
Views: 3047
author picture
(About the author)
 
     Post entire form and return JSON data from PHP Here is the entire code that will post entire PHP form to the target page. The target page will receive the post data and return the result in the format of JSON data. Here are the two things one is it will send entire form data, so you not need to mention every control name with parameter in Ajax. second one is the target page which receive the data, is return output as JSON Format. First you need to download the latest jquery from the jquery site and then copy and paste the below code and run it.
 
code:
Can't Copy and Paste this?
Click here for a copy-and-paste friendly version of this code!
 
Terms of Agreement:   
By using this code, you agree to the following terms...   
  1. You may use this code in your own programs (and may compile it into a program and distribute it in compiled format for languages that allow it) freely and with no charge.
  2. You MAY NOT redistribute this code (for example to a web site) without written permission from the original author. Failure to do so is a violation of copyright laws.   
  3. You may link to this code from another website, but ONLY if it is not wrapped in a frame. 
  4. You will abide by any additional copyright restrictions which the author may have placed in the code or code's description.
				
//**************************************
// Name: Post entire form and return JSON data from PHP
// Description:Post entire form and return JSON data from PHP 
Here is the entire code that will post entire PHP
form to the target page. The target page will receive
the post data and return the result in the format of JSON data.
Here are the two things one is it will send entire form data,
so you not need to mention every control name with parameter in Ajax.
second one is the target page which receive the data, is return output as
JSON Format.
First you need to download the latest jquery from the jquery site and then copy and
paste the below code and run it.
// By: Amit Kumar Gaur
//
//This code is copyrighted and has// limited warranties.Please see http://www.Planet-Source-Code.com/vb/scripts/ShowCode.asp?txtCodeId=3018&lngWId=8//for details.//**************************************

Find here code:
http://amitkgaur.blogspot.in/2010/10/post-entire-form-and-return-json-data.html
[1] email-form.php
------------------------------------
<script type="text/javascript" src="jquery-1.6.js"></script>
<form id="emailForm">
<p>Name:<br />
<input id="nName" type="text" name="nName"/></p>
<p>E-mail:><br />
<input id="email" type="text" name="email"/></p>
<p><input type="submit" value="Submit" /></p>
<div id="msg"></div>
</form>
<script type="text/javascript">
$(function(){
$("#emailForm").submit(function(){
dataString = $("#emailForm").serialize();
$.ajax({
type: "POST",
url: "email-form-process.php",
data: dataString,
dataType: "json",
timeout: 5000,
error: function (xhr, err) {
$("#msg").html(xhr.responseText + xhr.readyState + xhr.status);
},
success: function(data) {
$("#msg").html("Hi " + data.nName + ", your email is " + data.email);
}
});
return false;
});
});
</script>
===========================================================
[2] email-form-process.php
------------------------------------
<?php
$retArr = array();
$retArr["nName"] = $_POST['nName'];
$retArr["email"] = $_POST['email'];
echo json_encode($retArr);
?>
===========================================================


Other 30 submission(s) by this author

 


Report Bad Submission
Use this form to tell us if this entry should be deleted (i.e contains no code, is a virus, etc.).
This submission should be removed because:

Your Vote

What do you think of this code (in the Advanced category)?
(The code with your highest vote will win this month's coding contest!)
Excellent  Good  Average  Below Average  Poor (See voting log ...)
 

Other User Comments


 There are no comments on this submission.
 

Add Your Feedback
Your feedback will be posted below and an email sent to the author. Please remember that the author was kind enough to share this with you, so any criticisms must be stated politely, or they will be deleted. (For feedback not related to this particular code, please click here instead.)
 

To post feedback, first please login.