在html type ='button'中发送数据

Question

我有一个关注消息的div。 客户可以通过放置在最右角的孩子（输入类型='按钮'）关闭此div。

我的目标是关闭消息30分钟，之后它将重新出现。 要做到这一点，我需要将当前时间发送到ajax，然后将其发布到会话['field']。

我真的不确定从按钮内部发送数据的正确方法是什么。

我找到了以下作品..但我只是编造随机属性哪个不好？

PHP

<input type="button" class="close" crazyfieldnametime="<?php echo time(); ?>">

jQuery的

$(".close").click(function(){
    alert($(this).attr("crazyfieldnametime"));
});

这样做有最好的做法吗？

Answer 1

使用HTML5 data- *属性，数据属性名称必须至少为一个字符长，并且必须以'data-'为前缀。 它不应包含任何大写字母。

PHP

<input type="button" class="close" data-crazyfieldnametime="<?php echo time(); ?>">

jQuery的

$(".close").click(function(){
    alert($(this).data("crazyfieldname"));
});

Answer 2

您可以使用html允许的自定义数据属性

例如

<input type="button" class="close" data-time="<?php echo time(); ?>">

接着

$(".close").click(function(){
    alert($(this).data("time"));
});