不同的按钮，但 blockUI 上的相同 ajax 调用答案

【问题标题】：different buttons but same ajax call on blockUI不同的按钮，但 blockUI 上的相同 ajax 调用
【发布时间】：2013-01-03 12:22:51
【问题描述】：

我有一个blockUI，我在其中通过一系列具有相同类但不同属性值（标签）的按钮调用另一个页面。但是，当我运行代码时，无论我单击什么按钮，都只会提交第一个按钮的值。我如何修改它以分别发送与不同按钮关联的数据？请帮忙

$('#submit').click(function() {
var action = $("#form1").attr('action');
var form_data = {
message: $("#message").val(),
data: $(".pageDemo1").attr("tab"),
is_ajax: 1
};

【问题讨论】：

我在按钮的情况下使用类。它们可以相同
但是您的.click() 处理程序绑定到#submit 的任何内容，而不是具有公共类的按钮。如果你有$(".pageDemo1").click(...)，那么在函数中你可以使用$(this) 来获取被点击的特定按钮。（我不确定这是否是你想要做的，所以我不会发布这个作为答案。）
我明白你的意思。我在外面有一个单独的表单（id form1），按钮是在其他地方使用for循环制作的。如果是这种情况，我该怎么办？
请回复..很紧急！
知道了...谢谢...！！ :)

标签： javascript jquery blockui

【解决方案1】：

这是因为$(".pageDemo1").attr("tab") 引用了所有按钮，并且当您为此设置数据时，它使用的是它找到的第一个按钮的值。

我不确定您页面的结构，但是对您想要的按钮使用更具体的选择器（或一组选择器）将是确保您获得正确值的最佳方式。

如果有问题的按钮是在这种情况下被点击的元素，您可以使用$(this).attr("tab")。如果不是，您将不得不从 $('#submit') 的任何元素遍历 DOM。

【讨论】：

我明白你的意思。我在外面有一个单独的表单（id form1），按钮是在其他地方使用for循环制作的。如果是这种情况，我该怎么办？