Как values input'ов из html передать текстовому файлу со стороны сервера?

Question

[helpplsfff]

Используя JS, нужно кинуть в файл matches.txt значения:

<input id = "NumberOfGame" disabled hidden required>
<input minlength="6" maxlength="6" id = "YourPassword" hidden required>

Comments

[Dmaw]

Вопрос не понятен.
Вам нужно информацию из этих полей записать в файл на сервере?

[helpplsfff]

Dmaw, да

Answer 1

[Loli E1ON]

Можно вот так
https://codepen.io/E1ON/pen/qBEJLyj

А это на стороне сервера, который будет принимать запрос:
https://pastebin.com/7zGPB4qs

Comments

[helpplsfff]

В файле php у вас "if(isset($_POST['numberOfGame'] and isset($_POST['yourPassword']) {"
PHPstorm утверждает, что работает isset только с переменными и массивами, чем можно заменить?

[Dmaw]

helpplsfff,

if(!empty($_POST['numberOfGame'] )){echo 'Если numberOfGame не пустой, то...';}

[helpplsfff]

Так-с, в итоге получается HTML:

<script src="script.js"></script>
        <input id = "NumberOfGame" disabled hidden required>
        <input minlength="6" maxlength="6" id = "YourPassword" hidden required>
        <button id = "send" hidden>Создать</button>

JS:

window.onload = () => {
    document.getElementById('send').addEventListener('click', () => {

        const numberOfGame = document.getElementById('NumberOfGame').value;
        const yourPassword = document.getElementById('YourPassword').value;

        const link = 'matches.txt';
        const xhr = new XMLHttpRequest();

        xhr.open('POST', link);
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xhr.send(`numberOfGame=${numberOfGame}&yourPassword=${yourPassword}`);

        xhr.onload = () => {
            if (xhr.status !== 200) console.log(`Error ${xhr.status}: ${xhr.statusText}`)
        };

        xhr.onerror = () => {
            console.log('Request failed')
        };

        return false
    })
};

PHP:

<?php

if(!empty($_POST['numberOfGame']) and !empty($_POST['yourPassword'])) {

    $file = 'matches.txt';

    $current = file_get_contents($file);

    $current = "(".$_POST['numberOfGame'].";".$_POST['yourPassword'].")";

    file_put_contents($file, $current);

}

Проверьте please, всё ли верно - пока тестил, в "matches.txt" ничего не записывалось( Нужна ли привязка php-файла к скрипту?

[Loli E1ON]

helpplsfff, $file = $_SERVER['DOCUMENT_ROOT']."/matches.txt";

[Loli E1ON]

helpplsfff,

const link = 'matches.txt';

Здесь нужно ссылку на php файл

Answer 2

[Dmaw]

Вам нужен AJAX
Примеры https://ruseller.com/lessons.php?id=1452