Scripts for jQuery Tutorial
Create a file and call it index.php. Put the following code into the file.
<!DOCTYPE html>
<html>
<head>
<title>Submit Form Using AJAX and jQuery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
<input id="name" type="text" placeholder="Your Name">
<input id="email" type="text" placeholder="email">
<input id="submit" type="button" value="Submit">
<div id="display"></div><script>
$(document).ready(function(){
$("#submit").click(function(){
var name = $("#name").val();
var email = $("#email").val();
var dataString = 'name1='+ name + '&email1='+ email;
if(name==''||email=='')
{
$("#display").html("Please Fill All Fields");
}
else
{
$.ajax({
type: "POST",
url: "processor.php",
data: dataString,
cache: false,
success: function(result){
$("#display").html(result);
}
});
}
return false;
});
});
</script>
</body>
</html>
Now create a file and call it processor.php and put the following code into the file.
<?php $name=$_POST['name1']; $email=$_POST['email1']; echo "Form Submitted Succesfully"; echo '<br/>'; echo $name; echo '<br/>'; echo $email; ?>
jQuery Ajax Form Submit With PHP Processing was last modified: August 25th, 2022 by
Summary
Article Name
jQuery Ajax Form Submit With PHP Processing
Description
In this tutorial we will be submitting a form using AJAX with jQuery to PHP. What you need to understand is the jQuery is shorthand for JavaScript. jQuery has a bunch of JavaScript functions that make it shorter to call in when coding.
Author
Maximus McCullough
Publisher
A1WEBSITEPRO LLC
Logo
A1WEBSITEPRO Social Media Pages
Here are my social media pages, lets hook up!