PHP Demo
PHP Code
Output
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script> $(document).ready(function(){ $("#getdata").click(function(){ getname=$("#getname").val(); getgender=$("#getgender").val(); getemail=$("#getemail").val(); getpass=$("#getpassword").val(); getaddress=$("#getaddress").val(); $.get("get-forms.php", {name:getname, gender:getgender, email:getemail, password:getpass, address:getaddress },function(getresult){ $("#getdiv").html(getresult); }); }); }); </script> <style> .formcls { padding: 9px; border: solid 1px #408080; outline: 0; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #99CCCC), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #99CCCC 1px, #FFFFFF 25px); box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; } #getdiv{ margin-left: 50px; width:30%; background-color:#eee; } </style> </head> <body> <div class="container"> <h1>A demo of PHP $_GEt with jQuery $.get method</h1> <form class="form-horizontal" role="form"> <div class="form-group"> <label for="name1" class="col-sm-2 control-label">Name:</label> <div class="col-sm-4"> <input type="text" class="form-control formcls" id="getname" placeholder="Enter Your Full Name"> </div> </div> <div class="form-group"> <label for="gender1" class="col-sm-2 control-label">Gender:</label> <div class="col-sm-2"> <select class="form-control formcls" id="getgender"> <option>Male</option> <option>Female</option> </select> </div> </div> <div class="form-group"> <label for="email1" class="col-sm-2 control-label">Email:</label> <div class="col-sm-5"> <input type="email" class="form-control formcls" id="getemail" placeholder="Enter Email"> </div> </div> <div class="form-group"> <label for="password1" class="col-sm-2 control-label">Password:</label> <div class="col-sm-3"> <input type="password" class="form-control formcls" id="getpassword" placeholder="Password here"> </div> </div> <div class="form-group"> <label for="address1" class="col-sm-2 control-label">Address:</label> <div class="col-sm-5"> <input type="text" class="form-control formcls" id="getaddress" placeholder="Full Address"> </div> </div> </form> </div> <div class="col-sm-offset-2 col-sm-5"> <button id="getdata" class="btn btn-lg btn-block btn-info">Create Account</button> </div><br /><br /><br /> <div id="getdiv"><h3>You entered following data!</h3></div> </body> </html> <h3>The PHP Code</h3> <textarea disabled> $get_name=$_GET["name"]; $get_gender=$_GET["gender"]; $get_email=$_GET["email"]; $get_password=$_GET["password"]; $get_address=$_GET["address"]; if( $get_name ) { echo "Name entered is: ". $get_name ."<br>"; echo "Gender:" .$get_gender ."<br>"; echo "Email:" .$get_email ."<br>"; echo "Password:" .$get_password ."<br>"; echo "Address:" .$get_address ."<br>"; }
A demo of PHP $_GEt with jQuery $.get method
Name:
Gender:
Male
Female
Email:
Password:
Address:
Create Account
You entered following data!