将标签信息传递给php并在另一页中显示（也可以在另一页中更新）？

Question

我正在使用标签系统：1.您可以从列表中选择一些标签并将其显示在标签容器中（标签只能选择一次，且总和限制为10），并且不同的标签具有不同的颜色。 2.您可以删除标签容器中的某些选定标签。3.将信息传递给php并存储在数据库中。 4.在另一页中显示标签，您可以在此页面中更新所选标签列表。

到目前为止，前两个步骤已由javascript完成，但是我很困惑如何将选定的信息传递给php和数据库（内容和颜色），以便它们可以在另一个页面中显示和更新。任何人都可以给我一些建议？ 谢谢。

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*/
    });

Answer 1

首先，jsfiddle链接对我不起作用。

现在，唯一的方法是使用POST / GET之类的http方法将数据从客户端传递到服务器。 实施取决于您最喜欢的是什么，或者更好的是一个友好且易于使用的界面，所以我的建议是：

您可以创建（动态地或不动态地）表单（例如，具有隐藏字段）并使用JS更新其值，并通过提交按钮传递数据，这是一个简单的实现。

如果您负责用户选择并动态创建数据结构，则另一种实现方式是使用Ajax。

在这两种情况下，都应使用php验证提交数据的正确性。 永远不要信任用户或“应有的” JavaScript限制。