Saving data to server not working #2774

codehoover · 2022-09-16T12:12:59Z

codehoover
Sep 16, 2022

Hi all,

I have followed the tutorial and I adjusted my code to be the same as in the tutorial for uploading data to the server. Good new: a file saves. Bad news: it is empty every time. I have console.log(jsPsych.data.get().csv()); to ensure the data is getting appended however nothing seems to work! There are no errors coming on through the network so what could possibly be wrong?

main task

<!DOCTYPE html>
<html>

<head>
	<title>Digit Span</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script src="jspsych-6.3.0/jspsych.js"></script>
	<script src="jspsych-6.3.0/plugins/jspsych-audio-keyboard-response.js"></script>
	<script src="jspsych-6.3.0/plugins/jspsych-html-button-response.js"></script>
	<script src="jspsych-6.3.0/plugins/jspsych-html-keyboard-response.js"></script>
	<script src="jspsych-6.3.0/plugins/jspsych-call-function.js"></script>
	<script src="jspsych-6.3.0/plugins/jspsych-preload.js"></script>
	<script src="bds_adaptive.js"></script>


	<link href="jspsych-6.3.0/css/jspsych.css" rel="stylesheet" type="text/css">
	<link href="jspsych-6.3.0/css/bds-style.css" rel="stylesheet" type="text/css">

</head>

<body>

	<script id="digits">

		//Define Timeline
		var timeline = [];
		var Digit_data = {};
		var tmp;


		//Function to give the option for a local save of the data
		var localSave;


		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({ filedata: data }));
			console.log(jsPsych.data.get().csv());

		};





		//Push components to experiment timeline
		timeline.push(bds_adaptive); //from bds_adaptive.js
		//timeline.push(save_data); //final screen asking about data

		//Initialize the Experiment
		jsPsych.init({
			timeline: timeline,
			on_finish: function () { saveData(jsPsych.data.get().csv()); }
		});

	</script>
</body>

</html>

php file which saves the data to the server

<?php
// get the data from the POST message
$post_data = json_decode(file_get_contents('php://input'), true);
$data = $post_data['filedata'];
// generate a unique ID for the file, e.g., session-6feu833950202 
$file = uniqid("session-");
$name = "data/{$file}.csv"; 
// write the file to disk
file_put_contents($name, $data);
?>

jodeleeuw · 2022-09-16T16:46:05Z

jodeleeuw
Sep 16, 2022
Maintainer

Hi @codehoover,

It looks like when you call saveData you are only passing one argument, but the function has two arguments and the second is the data.

Since the name argument is not being used, perhaps changing the function from

function saveData(name, data) {

to

function saveData(data) {

will do the trick?

2 replies

codehoover Sep 16, 2022
Author

Hiya @jodeleeuw ! I just tried removing the name argument however the same thing occurs; the resource file is 0B. I've been trying to troubleshoot this for a few days and I'm at my wits end. Upload limit is fine as well.

codehoover Sep 16, 2022
Author

Somehow started working, I believe it had something to do with my institutions VPN....If anyone comes across this thread don't doubt your code.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Saving data to server not working #2774

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 2 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Saving data to server not working #2774

Uh oh!

codehoover Sep 16, 2022

Replies: 1 comment · 2 replies

Uh oh!

jodeleeuw Sep 16, 2022 Maintainer

Uh oh!

codehoover Sep 16, 2022 Author

Uh oh!

codehoover Sep 16, 2022 Author

codehoover
Sep 16, 2022

Replies: 1 comment 2 replies

jodeleeuw
Sep 16, 2022
Maintainer

codehoover Sep 16, 2022
Author

codehoover Sep 16, 2022
Author