Передавать информацию тегов на php и отображать на другой странице (а также обновлять на другой странице)?

Я работаю над системой тегов: 1. Вы можете выбрать некоторые теги из списка и отобразить их в контейнере тегов (тег можно выбрать только один раз, а сумма ограничена 10), а другой тег имеет разные цвета. 2. Вы можете удалить некоторые выбранные теги в контейнере тегов. 3.Проверить информацию в php и сохранить в базе данных. 4. покажите теги на другой странице, и вы можете обновить выбранный список тегов на этой странице.

На данный момент первые два шага завершены javascript, но я довольно смущен тем, как я могу передать выбранную информацию в php и базу данных (содержимое и цвета), чтобы они могли отображаться и обновляться на другой странице. Любой может дать мне некоторые предложения? Благодарю.

• повторение всплывающего окна jquery в php
• включить php-файл только при определенных разрешениях экрана
• Передача переменной PHP в функцию jQuery
• Загрузка php-изображений с помощью jquery post
• Уведомление в реальном времени от веб-сервера к клиенту

Ссылка на jsfiddle – http://jsfiddle.net/V9Euk/1015/

Вот html:

 <ul> <li data-val="300"><span class="label label-morning">Morning</span></li> <li data-val="301"><span class="label label-afternoon">Afternoon</span></li> <li data-val="302"><span class="label label-evening">Evening</span></li> </ul> <div class="tagHandler"> <ul class="tagHandlerContainer" id="tag_handler"> </ul> </div> 

вот javascript:

 $(function(){ var tags = []; function add_tag(that){ var tag = $(that).text(); if($.inArray(tag, tags)>=0|| tags.length >= 10) return; tags.push(tag); var singleValues = $(that).find('span').clone(); singleValues[0].innerHTML += "&times"; $("#tag_handler").append(singleValues);/*display the selected tags in the tag_handler with &times style*/ } $("li").click(function(){ add_tag(this); });/*add tags to the tag_container when click the li*/ $('#tag_handler').on('click', 'span', function(){ var tag = $(this).text(); var index = $.inArray(tag, tags); tags.splice(index,1); $(this).remove(); });/*remove the tag when click this tag in the tag_container*/ });