提交没有表格的表格

时间:2013-09-08 20:34:40

标签: php javascript jquery html forms

这可能看起来像一个愚蠢的问题,但我希望不是。 我有一个删除所选用户的PHP文件delete.php(它尚未准备就绪,但我会在完成HTML模型后编写它)。 因此,在我的HTML模型中,我有以下内容:

<li><button class="sexybutton">
  <span><span><span class="add">Add</span></span></span>
</button></li>

这个sexybutton是我下载的按钮样式。那么,如何让它将选定的用户列表发布到PHP文件中而不在其中放置<form>标记(否则它会制动所有结构并且无效)?

我可以使用jQuery(或JS),但我仍然不知道如何做到这一点。如果PHP会有类似“onclick”的功能:)

提前谢谢。

2 个答案:

答案 0 :(得分:5)

您可以发送没有表单的ajax请求,如下所示:

$('.sexybutton').on('click', function() {
    var users = $.map( $('li.users'), function(el) {
       return $(el).text();
    });

    $.ajax({
        url : 'delete.php',
        data: users
    });
});

只需创建您需要的数据并发送它吗?

答案 1 :(得分:-1)

<form id="your_form">
<ul>
<li><button class="sexybutton" onclick="$('#your_form').submit();">
  <span><span><span class="add">Add</span></span></span>
</button></li>
</ul>
</form>

说明:

使用表单元素包装现有代码,为表单提供一些唯一ID(例如your_form),然后将属性onclick添加到按钮并使用一些jquery语法填充它(或者如果你愿意,可以填充纯javascript):

$('#your_form').submit();

这将完成提交工作。