Как связать форму входа с другой страницой

288

28 июля 2017, 03:52

Как связать две страницы между собой?

Например, есть страница входа, где запрашивается имя пользователя, и вторая страница, где используется (отображение, вывод и т.д) имя, введенное при входе. Пример, при клике на add-name запоминается введенное значение и, по идее, должен быть переход на следующую страницу, как это правильно реализовать? И не будет ли конфликтов с двух страниц, использующий один и тот же код (файл, прост переменные другие будут)?

$(document).ready(function() { 
  var name = ""; 
 
  $("#add-name").click(function() { 
    name = $("#name").val(); 
 
    if($("#name").val() == "") { 
      alert("Введите имя"); 
      return false; 
    } 
 
    return false; 
  }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
  <form id="form" action="#" method="POST"> 
    <input id="name" type="text" placeholder="Введите имя"> 
    <input id="add-name" type="submit" value="Продолжить"> 
  </form>

Answer 1

Приветствую! Если без использования PHP то вариантов не много.

JavaScript работает только на конкретной странице и понятия не имеет, что происходит на соседних. Параметр передавайте через URL: <a href="next-page.html?name=вася">click</a> А на next-page.html распарсите location.href. Только method в форме замените на GET, вместо POST.
Использовать какой-нибудь плагин для работы с cookie, вроде js-cookie после отправки формы сохраните данные туда, а на нужной странице извлекайте. Но размеры cookie сильно ограничены. Как в принципе и тело GET запроса для варианта 1, так что особо не увлекайтесь. :)
Старый, добрый PHP.