axios 提交表单数据

 表单的作用是什么？网页中收集用户输入的信息

表单的组成有什么？

表单、表单域、表单按钮

1.2表单自我提交

form表单是否能够自我提交？

表单，表单域和提交按钮配合才可以

form表单自我提交的缺点是什么？

整个网页跳转（刷新网页），体验不好，所以很少使用

利用axios 提交表单！

 Ajax提交表单思路是什么？

给按钮绑定点击事件，并阻止表单默认提交行为

事件处理函数中，获取每个表单域的值

基于axios携带数据给服务器

Ajax比form表单自我提交的优势在哪里？

Ajax局部提交，不会跳转到提交的地址。

当表单数据很多的时候是否能整体获取？

可以使用form-serialize库获取整体表单数据！

语法serialize(表单域,{hash:true})

1.引入form-serialize.js

2.使用他提供的方法

hash 使用哈希值转换成对象

 把账号和密码的例子改成整体获取？

 如何获取表单整体的参数名和值？

先引入form-serialize库，并且获取整体form 

再使用serialize方法传入到form标签即可

1、思路？

先准备好标签和样式，引入需要的库

提交按钮绑定点击事件

使用serialize方法获取整体表单数据

基于axios法搜数据给服务器验证

根据服务器返回结果给提示

1.6FormData 方法装载数据。

   常用于装载文件对象。

 什么是FormData?

以键值对形式存放数据的容器。

常用于装载文件对象

formData如何使用？

实例化一个对象，用它的append方法加入参数名和值

 案例 头像上传案例

请求体参数类型区别？

 1.请求体类型常用有哪3种？

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！