Ajax Not Found (404) POST url

Question

Im trying to submit a form using ajax to call the php file, but when I try to test it, the browser console prints the following error

Below is my ajax post code

$( document ).ready(function() {
    $("form").submit(function(e) {
        e.preventDefault(); // prevent page refresh

        var email = $("#email").val();

        if (validateEmail(email)) {

            $.ajax({
                type: "POST",
                url: "php/send_form.php",
                data: $(this).serialize(), // serialize form data
                success: function(data) {
                    document.getElementById("successfullySentForm").style.display = "block";
                },
                error: function() {
                    document.getElementById("genericError").style.display = "block";
                }
            });

        } else {

            document.getElementById("wrongEmailFormat").style.display = "block";

        }
    });
});

Im running this website in my webserver.

Answer 1

Use $_SERVER['DOCUMENT_ROOT'] to solve path related problems.

Example: $_SERVER['DOCUMENT_ROOT'].'/path/to/file';