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

【问题标题】：Pass the information of tags to the php and display in another page( and can also update in another page)?将标签的信息传递给php并在另一个页面显示（也可以在另一个页面更新）？
【发布时间】：2013-08-18 10:29:06
【问题描述】：

我正在开发一个标签系统： 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*/
    });

【问题讨论】：

我认为这把小提琴什么都没有。
对不起，我已经更新了链接。谢谢

标签： php javascript jquery tags

【解决方案1】：

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

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

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

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

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

【讨论】：