【笔记】不使用submit提交表单的方法

发表于 更新于 阅读次数：

前言

不使用<button type="submit"></button>标签，也不使用<input type="submit">标签，提交表单的方法

提交表单

  • html代码
  • 必须定义name属性，因为会根据name属性向后端发送请求
1
2
3
4
5
6
7
8
<form id="formId">
    <div class="form-group">
        <label>标题：</label>
        <input type="text" name="title" id="titleId">
    </div>
</form>

<button type="button" onclick="doSave()">确定</button>
  • javascript代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function doSave() {
    // 定义传递参数的后端地址
    let url="";
    // 定义参数（通过jQuery的serialize()函数直接获取指定表单需要发送请求的数据）
    let params = $("#formId").serialize();
    // 发送请求（通过jQuery的ajax()函数发送异步请求）
    $.ajax({
        type:"post",
        url:url,
        data:params,
        success:function(result){
            console.log(result);
        }
    });
}

完成