ajax — не может POST / ошибка для файла php, сохранение данных jsPsych

Я делаю поведенческий эксперимент с использованием jsPsych. Идя по учебнику, для получения данных я написал php файл write_data.php

<?php

$filename = "data/".$_POST['filename'];
$data = $_POST['filedata'];

file_put_contents($filename, $data);
?>

Вызов ajax из моего основного файла также выполняется в соответствии с руководством:

function saveData(name, data){
var xhr = new XMLHttpRequest();
xhr.open('POST', 'write_data.php');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({filename: name, filedata: data}));
}

// код для остальной части эксперимента

jsPsych.init({
on_finish: function(){ saveData("experiment_data.csv", jsPsych.data.get().csv()); }});

Каталог данных доступен для записи, а файл write_data.php находится в том же каталоге, что и основной файл. Остальная часть кода эксперимента работает отлично. В конце эксперимента отображаются данные, и когда я попытался сохранить их локально на компьютере, они сработали.
Но когда я пытаюсь сохранить приведенный выше код на сервере, он возвращает ошибку «not POST / write_data.php». (получил это используя responseText в окне предупреждения)

Кто-нибудь знает, что я могу сделать, чтобы это исправить? Заранее спасибо.

примечание: я опустил другие части кода, так как они слишком длинные и не актуальны. Остальное работает нормально.