javascript - 如何使用 JQuery 处理表单中的多个提交按钮？

Question

我需要创建 30 个按钮，从 1 到 30，每个按钮调用完全相同的 ActionScript (例如，所有都在相同的表单下)，其中传递给 ActionScript 的参数只是按下的按钮的编号(1 到 30)。

比如action脚本是process.php，如果按下按钮3，那么我需要从process.php?btn=3中拉取数据，如果按下按钮27，那么我需要拉取数据形成 process.php?btn=27。

使用 JQuery 最简单、最直接的方法是什么？

谢谢!

Answer 1

像这样的东西应该可以做到。 beforeSend 函数只是向您显示正在发送到服务器的内容。

$('button').click(function (e) {
    e.preventDefault();
    var number = $('form button').index(this);
    $.ajax('process.php', {
        data: 'number='+ number,
        beforeSend: function (jqHxR, settings) {
            alert(settings.data);
            return false;
        }
    });  
});

编辑: http://jsfiddle.net/EvilAmarant7x/NhMnP/