Как навсегда изменить содержание сайта на основе ввода пользователя (в HTML)? - PullRequest
Новая
       4

Как навсегда изменить содержание сайта на основе ввода пользователя (в HTML)?

0 голосов
/ 29 февраля 2020

Итак, я создаю веб-сайт (в HTML), где пользователь может постоянно добавлять текст в контент веб-сайта. Поэтому, если кто-то посещает веб-сайт после этого, он видит измененный контент. Модификация должна быть постоянной и не должна исчезать после перезагрузки. Для этого я использовал следующий код: 

        <form id="myform" method="POST" action="">
            <input type="text" name="textbox" value="">
            <input type="button" name="button1" value="SUBMIT" onclick="func()">
        </form>
        <br>
        <p id="Test"></p>
        <script>
            function func()
            {
                var x=document.getElementById("myform");
                var text=x.elements[0].value;
                document.getElementById("Test").innerHTML+=text;
            }
        </script>

Но изменения вносятся только на стороне клиента, а не на веб-сайте. Итак, как я могу изменить исходный код веб-сайта на основе пользовательского ввода, чтобы изменения были сделаны навсегда. В этом случае, как изменение, внесенное в <p id="Test"></p>, может оставаться постоянным, поскольку оно возвращается к значению по умолчанию после перезагрузки страницы. Большое спасибо!

1 Ответ

0 голосов
/ 29 февраля 2020

Этот процесс содержит два шага для выполнения.

  1. Вы выполнили, собрал пользовательский ввод от клиента.
  2. Вам нужно будет отправить эти данные на ваш сервер, и сервер сохранит эти данные в вашей базе данных, после чего ваша страница html получит обновленные данные с сервера, и пользователь увидит этот измененный контент.

Для отправки данных на сервер вы должны использовать ajax почтовый запрос для отправки данных на сервер таким образом 

request = $.ajax({
    url: "Your server url",
    type: "post",
    data: data
});

// Callback handler that will be called on success
request.done(function (response, textStatus, jqXHR){
    // Log a message to the console
    console.log("Hooray, it worked!");
});

, тогда сервер получит их, а данные сохранятся в базе данных.

...