Thoughts on two methods for saving jspsych data to a server through a php file?

[Max-Lovell]

I recently stumbled across this tutorial for integrating jspsych with qualtrics: https://kywch.github.io/jsPsych-in-Qualtrics/save-php/.

In this tutorial he suggests using the following function to save the data as a json file and send it to a php file on a public server:

function save_data_json() {
        jQuery.ajax({
            type: 'post',
            cache: false,
            url: save_url,
            data: {
                data_dir: data_dir,
                file_name: file_name + '.json', // the file type should be added
                exp_data: jsPsych.data.get().json()
            }
        });
    }`

and a php file which functions as follows:

<?php
header('Access-Control-Allow-Origin: https://ssd.az1.qualtrics.com');

$exp_data = $_POST['exp_data'];
/* prevent XSS:  */
$_POST = filter_input_array(INPUT_POST, FILTER_SANITIZE_STRING);

if (isset($_POST['data_dir']) == true)
{
    $data_dir = $_POST['data_dir']; // data directory
} else { exit; }

if (isset($_POST['file_name']) == true)
{
    $file_name = $_POST['file_name']; // mturk_id
} else { exit; }

file_put_contents($data_dir.'/'.$file_name, $exp_data);
exit;
?>

I was wondering if there were any preferences for how this function works as compared to the one listed here: https://www.jspsych.org/overview/data/#storing-data-permanently-as-a-file which uses this function:

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

and this php file:

<?php
$post_data = json_decode(file_get_contents('php://input'), true); 
// the directory "data" must be writable by the server
$name = "data/".$post_data['filename'].".csv"; 
$data = $post_data['filedata'];
// write the file to disk
file_put_contents($name, $data);
?>