Form表单提交数据的几种方式，前端高级工程师必备知识

1.当点击登录时，向服务器发生的数据是：username=username&password=password

2.这种默认的提交方式，一般会进行页面的跳转（不成功时跳转到当前页面），而有时我们对弹出框进行数据提交的，希望提交成功则关闭弹出框并刷新父页面，失败则提示失败原因，且弹出框不关闭。此时可以采用ajax进行数据提交

2.Ajax提交form表单

说明：

1.采用ajax异步方式，通过js获取form中所有的inout、select等组件的值，将这些值组成json格式，通过异步的方式与服务器进行交互

2.一般将表单数据传给服务器，服务端处理数据并返回结果信息等

3. form表单提交附件

需要shedinform的entype=“multipart/form-data”并且添加，除此之外还需要将表单的提交方法改成post

而且附件只能通过submit方法提交

4.注意事项

1.当你需要发送一个对象的时候，一定要对纯文本格式进行JSON.stringfig()处理。

2.serializeArray():这是Jquery的方法，目的是为了搜索表单元素内部所有可以搜索的标签的那么和value，然后组合成类似这种形式的对象值：{name:"xxx",value:"xxx"}。

3.reduce()：则是将序列化之后的值转变为Json数据

4.思考：如何配置$.ajax()中的参数将能完美的和后台协作呢？具体的参数说明如下：

5. Ajax中的参数说明

5.1 contentType

1）其默认值为application/x-www-form-urlencoded; charset=UTF-8----即指定窗体数据被编码为名/值对，这是标准的编码格式。（表单默认的提交数据的格式）

2）对于跨域请求，contentType设置为application/x-www-form-urlencoded, multipart/form-data或 text/plain以外

3）text/plain：窗体数据以纯文本形式进行编码，其中不含任何空间或者格式字符

4）application/json：窗体数据以json的书韩剧格式来传递（[{},{}]）

5.2 data

1）是发送到服务器的数据 ，它被转换成一个查询字符串，如果已经是一个字符串的话则不会转换，查询字符串将被追加到get请求url后面。

2）以防止这种自动转换，对象必须为"{键：值}"格式

2）如果参数是一个数组。jQuery会按照traditional参数的值，将自动转化为一个同名的多址查询字符串。