使用jQuery的Ajax方法和JavaScript的FormData方法,在不需要form表单的情况下,可以发送POST请求并重置表单项。
示例代码如下:
HTML代码:
JavaScript代码:
$(document).ready(function() {
$('#submit-btn').on('click', function() {
var name = $('#name').val();
var email = $('#email').val();
var formData = new FormData();
formData.append('name', name);
formData.append('email', email);
$.ajax({
url: '/submit',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(data) {
// 成功后的操作
},
error: function(xhr) {
// 错误后的操作
}
});
// 重置表单项
$('#name').val('');
$('#email').val('');
});
});
通过以上示例代码,可以在不需要form表单的情况下,使用AJAX发送POST请求并重置表单项。