Skip to content

All topics  /  PHP

PHP 8 Ajax Post Request Example

PHP ·

Teams applying “PHP 8 Ajax Post Request Example” in a production project can use the corresponding workflow to record implementation, review and debugging time, then compare that effort with tests and shipped functionality instead of treating activity as performance by itself.

Before copying the example into a live application, confirm version-specific behaviour with the PHP project and test it against the project’s actual database and runtime.

Hi Guys,

In this blog, i will share with you how to write simple ajax request example with jquery php 8. we will see jquery ajax post data example with php 8. you can simply form submit with pass ajax post data and get return all data with success.

I will give you very simple example of ajax post request with php 8. you can also write server side validation using php 8 logic. you can also pass form serialize ajax data to post method with php 8.

After this example you can easily write Ajax Get Request, Ajax Post Request, Ajax Put Request and Ajax Delete Request with jquery ajax and php 8.

You need to just follow bellow step to create ajax post request:

index.php


<!DOCTYPE html>
<html>
<head>
    <title>PHP 8 Ajax Post Request Example</title>
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
        <h1>PHP 8 Ajax Post Request Example</h1>
        <form role="form" id="contactForm" class="contact-form" data-toggle="validator" class="shake">
            <div class="alert alert-danger display-error" style="display: none">
            </div>
            <div class="form-group">
                <div class="controls">
                    <input type="text" id="name" class="form-control" placeholder="Name">
                </div>
            </div>
            <div class="form-group">
                <div class="controls">
                    <input type="email" class="email form-control" id="email" placeholder="Email" >
                </div>
            </div>
            <div class="form-group">
                <div class="controls">
                    <input type="text" id="msg_subject" class="form-control" placeholder="Subject" >
                </div>
            </div>
            <div class="form-group">
                <div class="controls">
                    <textarea id="message" rows="7" placeholder="Massage" class="form-control"></textarea>
                </div>  
            </div>
            <button type="submit" id="submit" class="btn btn-success"><i class="fa fa-check"></i> Send Message</button>
        </form>
    </div>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#submit').click(function(e){
                e.preventDefault();
                var name = $("#name").val();
                var email = $("#email").val();
                var msg_subject = $("#msg_subject").val();
                var message = $("#message").val();
                $.ajax({
                    type: "POST",
                    url: "/formProcess.php",
                    dataType: "json",
                    data: {name:name, email:email, msg_subject:msg_subject, message:message},
                    success : function(data){
                        if (data.code == "200"){
                            alert("Success: " +data.msg);
                        } else {
                            $(".display-error").html("<ul>"+data.msg+"</ul>");
                            $(".display-error").css("display","block");
                        }
                    }
                });
            });
        });
    </script>
</body>
</html>

formProcess.php 

<?php
    $errorMSG = "";
    /* NAME */
    if (empty($_POST["name"])) {
        $errorMSG = "<li>Name is required</<li>";
    } else {
        $name = $_POST["name"];
    }
    /* EMAIL */
    if (empty($_POST["email"])) {
        $errorMSG .= "<li>Email is required</li>";
    } else if(!filter_var($_POST["email"], FILTER_VALIDATE_EMAIL)) {
        $errorMSG .= "<li>Invalid email format</li>";
    }else {
        $email = $_POST["email"];
    }
    /* MSG SUBJECT */
    if (empty($_POST["msg_subject"])) {
        $errorMSG .= "<li>Subject is required</li>";
    } else {
        $msg_subject = $_POST["msg_subject"];
    }
    /* MESSAGE */
    if (empty($_POST["message"])) {
        $errorMSG .= "<li>Message is required</li>";
    } else {
        $message = $_POST["message"];
    }
    if(empty($errorMSG)){
        $msg = "Name: ".$name.", Email: ".$email.", Subject: ".$msg_subject.", Message:".$message;
        echo json_encode(['code'=>200, 'msg'=>$msg]);
        exit;
    }
    echo json_encode(['code'=>404, 'msg'=>$errorMSG]);
?>

You can quick run our example by following command, so run bellow command for run PHP project. 

php -S localhost:8000

Now, you can check from your url by bellow URL: 

http://localhost:8000

It will help you....

More on this topic