Failed to load resource: the server responded with a status of 404 (Not Found), как исправить?

Учу ajax, и столкнулся вот с такой ошибкой:

Failed to load resource: the server responded with a status of 404 (Not Found)

Как её исправить?

Вот форма из index.php:

<div id='request'>
    <form name="ourForm">
        <input type="text" name="ourForm__inp" placeholder="IP">
        <button type="submit" class="btn btn-outline-primary" name="ip_button">Отправить</button>
    </form>
</div>

Вот код из ajax.js:

var servResponse = document.querySelector('#response');
document.forms.ourForm.onsubmit = function(e) {
    e.preventDefault();
    var userInput = document.forms.ourForm.ourForm__inp.value;
    userInput = encodeURIComponent(userInput);
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/form.php');
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.onreadystatechange = function() {
        if(xhr.readyState === 4 && xhr.status === 200) {
            servResponse.textContent = xhr.responseText;
        }
    }
    xhr.send('ourForm__inp=' + userInput);
};

Вот код из form.php:

<?php
$ip = $_POST('ourForm__inp');
echo $ip;

Файл ajax.js лежит в папке js, а index.php и form.php на директорию выше