Как можно взять пользовательский ввод с веб-страницы, которая не находится на сервере (и, следовательно, не имеет серверного кода), и что-то с ней сделать? - PullRequest
0 голосов
/ 30 января 2019

Я создал HTML-форму, и эта часть работает.Однако я не уверен, как взять эту информацию и что-то с ней сделать.Это для школьного проекта, поэтому страница не доступна в Интернете.Он просто хранится на моей машине.Таким образом, у меня ничего не происходит на стороне сервера вещей.У меня нет опыта работы с PHP или SQL.Я знаком с HTML, C # и JavaScript, и у меня есть опыт работы с Python и Java;Однако я готов изучать все, что мне нужно.

В идеале, я хочу, чтобы страница взяла имя, которое вводит пользователь (скажем, «Джон Доу»), и переместилась на другую страницу на основена это имя (например, C: \ JohnDoe).У меня есть имя и фамилия, которые запрашиваются отдельно, поэтому пробел между ними не будет проблемой.

Ответы [ 3 ]

0 голосов
/ 31 января 2019

Я бы сказал, что это может привести вас к какому-то пути, не совсем лучший способ сделать это, я уверен, но некоторые идеи из-за ограничений, которые вы описали.Моя идея состояла в том, чтобы сохранить имя на входе в localStorage или даже в Cookie, а затем просто загрузить эти данные на новую страницу после перенаправления.Однако я не знаю, есть ли какой-нибудь способ «создать» новую страницу с именем динамически.

function getUser() {
  var username = document.querySelector('#name').value;
  window.localStorage.setItem('name', username);
  window.location.href = "http://stackoverflow.com";
  console.log(username);
}
<input type="text" id="name">

<button type="button" id="nameBtn" onclick="getUser()">Send</button>
0 голосов
/ 01 февраля 2019

Предполагая, что у вас будет файл index.html в корневой папке, а затем несколько пользователей html-файлов (например, johndoe.html, janedoe.html и т. Д.) Вместе с ним в той же папке, вы можете написать код javascriptтак же, как этот.Недостатком является то, что вы должны заранее создать все html-файлы, как сказал Иван, вы ничего не можете сделать, чтобы динамически создавать файлы, необходимые только с помощью этого скрипта.

<!DOCTYPE html>
<html>
  <head>
    <title>Homepage</title>
  </head>
  <body>
    <form>
      <input id="firstName" type="text" name="firstName">
      <input id="lastName" type="text" name="lastName">
      <input type="button" onclick="changePage()" value="Click Here">
    </form>
    <script type="text/javascript">
      function changePage() {
        const firstName = document.querySelector('#firstName').value
        const lastName = document.querySelector('#lastName').value
        const fileNameString = firstName+lastName
        window.location.href = fileNameString+'.html';
      }
    </script>
  </body>
</html>
0 голосов
/ 31 января 2019

Самый простой способ (imo) - это сделать свой локальный компьютер «сервером», установив nodejs, который вы используете, кодируя некоторый javascript.В W3Schools есть учебник с примерами.Ваш «сервер», вероятно, будет составлять всего несколько строк JavaScript.Существует огромная библиотека используемых инструментов, таких как express , которая позволяет легко реализовать нетривиальный сервер в короткие сроки.Многие другие.Но будьте осторожны, вас могут зацепить.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...