Download to read offline
![}
</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](https://image.slidesharecdn.com/jqueryforpostaform-121006235359-phpapp01/85/Jquery-for-post-a-form-2-320.jpg)
![}
</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](https://image.slidesharecdn.com/jqueryforpostaform-121006235359-phpapp01/75/Jquery-for-post-a-form-2-2048.jpg)
Uploaded byRakesh Kumar
Jquery for post a form
The document provides step-by-step instructions for creating an HTML form using jQuery to post data. It includes the necessary HTML structure and JavaScript code for handling form submission with AJAX to a PHP script. Additionally, it shows how to echo the posted data in the PHP process file.
More Related Content
![Q1.0 [Quiz Quirks]](https://cdn.slidesharecdn.com/ss_thumbnails/q1-160902104449-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Jquery for post a form
- 1. JQUERY FOR POSTA 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