ajax异步提交form表单

一、前言

在web开发中，经常会遇到：提交表单后无需更新页面并将新的数据展示在页面上，这就需要使用ajax提交form表单的方式进行提交。

二、方法（以flask框架为例）

2.1、前端部分

1.form表单只需要写一个id值与js进行数据交互
2.（坑一）若开启了crsf防护，记得加上：

3.（坑二）要在button标签中加上 type=“button”,不能为空（会将表单数据显示在地址栏）或写成type=“submit”

2.2、js部分

三、总结

button标签的类型一定要记得改！！！！！