2014-01-06 3 views
0

Я создал веб-страницу для запроса базы данных на основе поиска пользователя, который возвращает значения строки базы данных в HTML-таблицу через PHP и jQuery. Рядом с каждой возвращаемой строкой сидит кнопка, которая отображает «Добавить в список пожеланий». Я бы хотел, чтобы эта кнопка могла добавить эту заданную строку в таблицу на другой веб-странице и хранить ее там, пока пользователь продолжает навигацию и ищет базу данных, добавляя при необходимости дополнительные строки в новую таблицу.Добавить строку таблицы HTML на другую веб-страницу

Я изучил это и лучшее решение, которое я придумал до сих пор, похоже, использует PHP для хранения $session, как и корзины покупок на веб-страницах. Однако большинство сценариев в Интернете гораздо сложнее, чем мне нужно для этой веб-страницы, поскольку это не сайт электронной коммерции.

Есть ли более простой способ сделать это, возможно, в jQuery, что при нажатии «списка пожеланий» просто добавляет данные из строки в таблицу HTML на другой странице аналогичным образом?

+0

Простейший способ, вероятно, состоит в том, чтобы кнопка передавала данные строки на страницу php, которая добавляет ее в сеанс пользователя. Когда пользователь перейдет на wishlist.php, отобразите данные. –

ответ

1

Возможно, вы можете использовать HTML5 WebStorage поддерживается примерно 87% браузеров. Нажмите здесь, чтобы посмотреть поддержку браузеров здесь http://caniuse.com/namevalue-storage. В противном случае вы должны использовать PHP-сессию или базу данных или что-то с JQuery, как вы сказали. Вы можете следовать этому, чтобы узнать основные сведения о HTML 5 LocalStorage http://diveintohtml5.info/storage.html

Помните, что эта функция поддерживает только строки для сохранения данных. Используйте JSON.stringify() и JSON.parse() для разбора и сохранения массива, если хотите. Вы можете использовать код, подобный этому

//To set user's selected wishlist 
var wishlistarray = []; 
wishlistarray[0] = 'save data in whatever way you like'; 
localStorage["wishlist"] = JSON.stringify(wishlistarray); 

//To get previously saved user's wishlist 
var wishlistarray = JSON.parse(localStorage["wishlist"]); 
Смежные вопросы