带有 ajax jQuery 的 405（不允许的方法）（POST）方法

Question

im trying to send some data through ajax jQuery to a php file with POST but i keep getting POST 405 Method Not Allowed error, any ideas to solve this issue will be appreciated, heres the function that makes the call

function manageData(key) {
    var name = $("#countryName");
    var abbrev = $("#countryAbbrev");
    var desc = $("#countryDesc");

    if (isNotEmpty(name) && isNotEmpty(abbrev) && isNotEmpty(desc)) {
        $.ajax({
            url: 'http://127.0.0.1:5500/ajax.php',
            method: 'POST',
            dataType: 'text',
            data: {
                key: key,
                name: name.val(),
                abbrev: abbrev.val(),
                desc: desc.val()
            },
            success: function (response) {
                alert(response);
            }
        });
    }
}

and here is the ajax.php file code

<?php
    if (isset($_POST['key'])) {

        $conn = new mysqli(host:'localhost', username:'root', passwd:'root', 
        dbname:'mysqldatamanager');
        $name = $conn->real_escape_string($_POST['name']);
        $abbrev = $conn->real_escape_string($_POST['abbrev']);
        $desc = $conn->real_escape_string($_POST['desc']);

        if($_POST['key'] == 'addNew') {
            $sql = $conn->query(query:"SELECT id FROM country WHERE 
            countryName = '$name'");
            if ($sql->num_rows > 0) {
                exit("Country already exists!");
            } else {
                $conn->query("INSERT INTO country (countryName,                     
                countryAbbrev, countryDesc) VALUES ('$name', '$abbrev', 
                '$desc')");
                exit("Country has been added succesfully!");
            }   
        }
    }
?>

Answer 1

Please try below code.

function manageData(key) {
    var name = $("#countryName");
    var abbrev = $("#countryAbbrev");
    var desc = $("#countryDesc");

    if (isNotEmpty(name) && isNotEmpty(abbrev) && isNotEmpty(desc)) {
        $.ajax({
            url: 'http://localhost/ajax.php',
            type: "POST",
            data: {
                key: key,
                name: name.val(),
                abbrev: abbrev.val(),
                desc: desc.val()
            },
            success: function (response) {
                alert(response);
            }
        });
    }
}