Jquery实现创建表单并主动触发提交事件,并实现回调
时间: 2024-03-20 20:42:07 浏览: 57
JQuery.form表单提交参数详解.txt
4星 · 用户满意度95%
可以使用以下代码来创建表单、提交表单、以及实现回调:
```javascript
// 创建表单元素
var form = $('<form></form>');
// 设置表单属性
form.attr('method', 'POST');
form.attr('action', 'your-url-here');
// 创建表单项
var input1 = $('<input>').attr('type', 'text').attr('name', 'input1').val('value1');
var input2 = $('<input>').attr('type', 'text').attr('name', 'input2').val('value2');
// 将表单项添加到表单中
form.append(input1);
form.append(input2);
// 将表单添加到文档中
$('body').append(form);
// 提交表单
form.submit(function(event) {
event.preventDefault();
$.ajax({
type: form.attr('method'),
url: form.attr('action'),
data: form.serialize(),
success: function(response) {
// 回调函数
console.log(response);
}
});
});
```
在这段代码中,我们首先使用 `$('<form></form>')` 创建了一个表单元素,并使用 `form.attr()` 方法设置了表单的属性。然后我们创建了两个表单项,并将它们添加到表单中。接着我们将表单添加到文档中,并使用 `form.submit()` 方法来提交表单。在提交表单的回调函数中,我们使用了 jQuery 的 `$.ajax()` 方法来发送 AJAX 请求,并在请求成功后执行回调函数。
阅读全文