Блог

Редактировать: Обновление — решение

Итак, я добился того, что мне нужно было сделать: записать данные в файл на сервере. Я не совсем уверен, как все работает, но кажется, что:

 xhttp.send(data);
  

отправляет не все данные в переменной FormData, а только данные с «ключом» «data». (Извините, если я неправильно использую терминологию.) Итак, что я сделал, я взял свой объект «userData» и применил следующее:

 userStringData = JSON.stringify(userData);
  

Затем я помещаю userStringData в переменную FormData следующим образом:

 var data = new FormData();
data.append("data" , userStringData);
  

Затем это успешно записывается в файл на сервере. В файле у меня были только userStringData, а не «ключевые» «данные».

В моем PHP-файле я также включал новую строку после каждой записи, чтобы данные каждой пользовательской строки были в новой строке:

 if(!empty($_POST['data'])){
    $data = $_POST['data'];
    $fname = "users.txt";
    $file = fopen("./AJG_Data/".$fname, 'a');
    fwrite($file, $data);
    fwrite($file, "rn");
    fclose($file);
  

Так что это работает для меня сейчас. Спасибо тем, кто предлагал советы и помощь.

Редактировать: Обновить:

Цель: записать данные на сервер с использованием AJAX и PHP. (Пожалуйста, при необходимости обратитесь к исходному вопросу ниже)

Благодаря комментариям Адисона я добился большого прогресса. Я узнал, что XMHHttprequest — это способ сделать AJAX-запрос на сервер. У меня есть этот код:

     var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 amp;amp; this.status == 200) {
            let successString = `Thank you ${userData.athlete.firstname} you have successfully granted permission to read your data.`
            document.querySelector("#message-0").innerHTML = successString;
        }
    };
    xhttp.open("POST","/path_to_my_php_file/file_write.php", true);
    xhttp.send(data);
}
  

На стороне сервера у меня есть это в моем php-файле:

 <?php

$dir = 'AJG_Data';

// create new directory with 744 permissions if it does not exist yet
// owner will be the user/group the PHP script is run under
if ( !file_exists($dir) ) {
     mkdir ($dir, 0744);
}

file_put_contents ($dir.'/test1.txt', 'Hello File');


if(!empty($_POST['data'])){
    $data = $_POST['data'];
    $fname = "users.txt";
    $file = fopen("./AJG_Data/".$fname, 'w');
    fwrite($file, $data);
    fclose($file);
}
?>
  

Приведенный выше раздел создания каталога не является необходимым, это было частью моего устранения неполадок.

Вышеуказанное работает отлично, если я отправляю простые FormData, созданные следующим образом:

 var data = new FormData();
data.append("data" , "the_text_you_want_to_save");
  

Проблема, с которой я сталкиваюсь, заключается в том, что когда я пытаюсь отправить более сложные FormData. Это не работает. Он не распознает мои FormData и не проходит мимо этого оператора if:

 if(!empty($_POST['data']))
  

Я проверил свои FormData, используя этот код:

 for (var pair of data.entries()) {
    console.log(pair[0]  ', '   pair[1]); 
}
  

Приведенный выше код возвращает следующее:

 token_type, Bearer
expires_at, 12345678910
expires_in, 1234
refresh_token, 1234567890abcefg...
access_token, 1234567890abcdefg...
athlete[id], 1234567
athlete[username], joe_soap
athelete[resouce_state], 2
athlete[firstname], Joe
...
...
athelete[created_at], 2017,01-03T16:07:37Z
...
...
athlete[profile], https://some.web.address/larg.jpg
  

Итак, насколько я могу судить, у меня хорошие FormData, но на стороне сервера ничего не записывается.

Как я могу это исправить?

Спасибо.

Исходный вопрос следует ниже.

Я успешно извлек данные из API Strava, используя код JavaScript. У меня есть данные, хранящиеся в переменной как объект JavaScript. Я хочу записать данные в файл на сервере.

Я потратил часы на поиск в Интернете и не могу найти решение. Кажется, это может быть возможно с помощью ajax или jQuery, но я не могу найти простого пошагового объяснения того, как это сделать.

Итог: мне нужен простой способ записи данных в файл на сервере с использованием JavaScript или чего-то, связанного с JavaScript, который был бы быстрым и простым в реализации. Предполагая, что я могу успешно выполнить запись в файл, я позже захочу прочитать из файла.

Вам понадобится другой файл на серверной части, который фактически выполнит запись. Я предполагаю, что PHP. Я бы рекомендовал кодировать данные в base64 и сохранять их в зашифрованном виде для экономии времени.

Javascript:

 if (window.XMLHTTPRequest) {
    var xhttp = new XMLHTTPRequest();
} else {
    var xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 amp;amp; this.status == 200) {
        //Process output, get result text with this.responseText, decode base64, and parse JSON
        alert(JSON.parse(window.atob(this.responseText)));
    }
}
xhttp.open("POST", "file-load.php?key="   window.btoa(JSON.stringify(value)), true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhttp.send();
  

PHP:

 <?php
$key = $_POST['key'];
file_put_contents("storage.txt", $key); //Set file contents
  

Или, если вы хотите добавить его:

 <?php
$key = $_POST['key'];
$current = file_get_contents("storage.txt");
file_put_contents("storage.txt", $current . "n" . $key);
  

Чтобы прочитать файл, просто используйте ту же настройку, что и раньше для javascript, но вместо file-load.php , используйте file-read.php :

 echo file_get_contents("storage.txt");
  

Используйте onreadystatechange для чтения выходных данных.