ajax获取某类input点击
时间: 2023-11-18 19:10:53 浏览: 25
你可以使用jQuery的`click()`方法来监听某个类的input元素的点击事件,并使用`ajax()`方法向服务器发送请求。下面是一个示例代码:
```javascript
$(document).ready(function() {
// 监听类名为input-class的所有input元素的点击事件
$('.input-class').click(function() {
// 获取被点击input元素的值
var inputVal = $(this).val();
// 发送ajax请求
$.ajax({
url: 'your-url', // 请求的地址
type: 'POST', // 请求的方式
data: {inputVal: inputVal}, // 发送的数据
success: function(response) {
// 请求成功后的操作
console.log(response);
},
error: function() {
// 请求失败后的操作
console.log('请求失败');
}
});
});
});
```
在上面的代码中,`$('.input-class')`会选中所有类名为`input-class`的input元素。在点击任何一个这样的元素时,会触发函数中的代码。在函数中,我们首先使用`$(this)`获取到被点击的input元素,然后使用`.val()`方法获取它的值。接下来,我们使用`$.ajax()`方法向服务器发送一个POST请求,其中`url`是请求的地址,`type`是请求的方式,`data`是发送的数据,`success`是请求成功后的回调函数,`error`是请求失败后的回调函数。在`success`回调函数中,我们可以处理服务器返回的数据,在`error`回调函数中,我们可以处理请求失败的情况。