jquery实现动态创建form并提交的方法示例
网络编程 2025-03-28 23:37www.168986.cn编程入门
本文将向你介绍如何使用jQuery动态创建表单并提交。有时候在Web开发中,我们需要根据需求动态生成表单并进行提交,无论是表单的参数、提交的URL、使用POST还是GET方式,甚至表单的样式,都可以灵活指定。下面,我将通过一个实例来展示如何使用jQuery实现这一功能。
假设我们需要构造一个分页的POST请求,为了安全起见,还包括了CSRF验证。我们定义一个函数`genSearchObj`来生成表单的参数:
```javascript
function genSearchObj(url, page, pageSize, keyword) {
var params = {};
params.url = url;
params.page = page;
params.pageSize = pageSize;
params.cond = keyword;
return params;
}
```
接下来,我们使用jQuery来动态创建表单并提交。函数名为`mockFormSubmit`:
```javascript
function mockFormSubmit(params) {
// 创建一个隐藏的表单,并设置其action和method属性
var form = $('