如何在表单Serialize（）ajax中包含提交按钮名称和值

我有麻烦，我的代码不起作用，因为我的服务器脚本端需要提交按钮的名称。 我使用Ajax方法，并使用数据：序列化，当我点击Sumbit时，它不起作用。 这是我的JavaScript代码：

$(function(){ $('#buy_product').submit(function(e){ e.preventDefault(); var submitData = $('#buy_product').serialize(); submitData.push({ name: this.name, value: this.value }); $('.loading').html('{{HTML::image('img/ajax-loader.gif')}}'); $.ajax({ type: "POST", data: submitData, url: "{{URL::base()}}/products/view/{{$products->id}}/{{Str::slug($products->name_product, '_')}}", success: function(msg){ $('#qty').val(''); $('.loading').html(msg); } }); }); }); 

如果你有线索，请告诉我，我很高兴。 万分感谢

---

我的按钮是这样的：

Answer 1

我相信你做不到，但你可以使用一个隐藏的领域

Answer 2

试试这个：

Java脚本代码：

HTML代码：

或使用：

 var submitData = $('#buy_product').serialize(); submitData += '&btnName=' + $('#your_submitbtn_id').attr('name') + '&btnValue='+ $('##your_submitbtn_id').attr('value');