Jquery for post a form
•
0 likes•621 views
This is simple file that tell you how jquery works in form posting. Nice example and it's best tested on all browser
![}
</style>
</head>
<body>
<form id="test_form" onsubmit="return send()">
<div>Name: <input type="text" name="name" /></div>
<div><input type="submit" value="send" /><div id="result"></div></div>
</form>
</body>
</html>
Step -2: Create a process file
Process.php
<?php
echo “Yoour posted data : ”.$_POST[‘name’];
?>
Now run the page](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommended
More Related Content
What's hot
What's hot (19)
Viewers also liked
Viewers also liked (20)
Similar to Jquery for post a form
Similar to Jquery for post a form (20)
Recently uploaded
Recently uploaded (20)
Jquery for post a form
- 1. JQUERY FOR POST A FORM Step -1: Create a html form <html> <title>Jquery form Post</title> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script type="text/javascript"> function send() { $.ajax({type:'POST', url:'process.php', data:$("#test_form").serialize(), success:function(response){$("#result").html(response)}}); return false; } </script> <style type="text/css"> .result { padding:2px; background-color:#99CCFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; height:20px; width:300px; margin-top:12px; padding-left:6px;
- 2. } </style> </head> <body> <form id="test_form" onsubmit="return send()"> <div>Name: <input type="text" name="name" /></div> <div><input type="submit" value="send" /><div id="result"></div></div> </form> </body> </html> Step -2: Create a process file Process.php <?php echo “Yoour posted data : ”.$_POST[‘name’]; ?> Now run the page