如何多个按钮绑定一个ajax
时间: 2023-07-04 20:08:43 浏览: 90
可以使用jQuery的方法为多个按钮绑定同一个ajax请求。具体步骤如下:
1. 为每个按钮添加一个共同的类名,用于选择器选择元素。
2. 使用jQuery的.on()方法为这些按钮绑定点击事件。
3. 在事件处理程序中,使用jQuery的$.ajax()方法发起ajax请求。
示例代码如下:
HTML:
```html
<button class="ajax-btn">按钮1</button>
<button class="ajax-btn">按钮2</button>
<button class="ajax-btn">按钮3</button>
```
JS:
```javascript
$(document).on('click', '.ajax-btn', function() {
$.ajax({
url: 'your-url',
type: 'POST',
data: {
// 请求参数
},
success: function(res) {
// 处理返回数据
},
error: function(err) {
// 处理错误
}
});
});
```
这样,当点击任何一个按钮时,都会发起同一个ajax请求。
阅读全文