Form Submission without Jquery*
For a login to take place, the client (browser) has to POST to the server and then receive a response.
*Html SIDE
<from id="login">
<input type="email" placeholder="Enter your Email" required>
<input type="password" placeholder="Enter your Password" required>
<input type="submit" value="Login">
</form>
Javascript SIDE
const form = document.querySelector("#login");
const request = new XMLHttpRequest();
//form submitting
form.addEventListener("submit", function(event){
event.preventDefault();
request.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// Typical action to be performed when the document is ready:
let resp = JSON.parse(request.responseText);
console.log(resp);
}
};
request.open("POST", domain+"/api/user/register", true);
request.send(new FormData(form));
});
Php SIDE
<?php
$username = $_POST['username'];
$password = $_POST['password'];
if($username == "neoistone" )
{
if($password == "1234567890")
{
$response = json_encode([ 'status' => 'success', 'message' => 'Login success' ]);
} else {
$response = json_encode([ 'status' => 'error', 'message' => 'password incorrect' ]);
}
} else {
$response = json_encode([ 'status' => 'error', 'message' => 'username incorrect' ]);
}
echo json_encode($response);
?>
This example login javascript using backend php
Happy Code Developers