1. submit提交
- 在form标签中添加Action（提交的地址）和method（post），且有一个submit按钮（<input stype=“submit”>)，通过点击这个按钮提交表单数据
-type=”submit“是将表单提交(即form.submit()方法)作为其onclick后的默认事件 type=”submit“会自动将所具有的name属性html输入的元素（包括input、button、select等标签都作为键值对提交）type=”submit“submit会有一个跳转，页面会刷新
<form action="http://www.123....">
<input type="text" name="username">
<input type="text" name="password">
<input type="submit" value="登录">
</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”并且添加<input type=‘file’>，除此之外还需要将表单的提交方法改成post
而且附件只能通过submit方法提交
<form action="/url.do" enctype="multipart/form-data" method="post">
<input type="file" name="name"/>
<input type="submit" value="提交">
</form>
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参数的值，将自动转化为一个同名的多址查询字符串。
<script>
function onSubmit(){
var data={
name:'huangzhizhen',
score:'100',
weekDays:[1,2,2,3]
};
$.ajax({
type:"POST",
url:'//blog./',
data:data,
dataType:'json',
contentType: 'application/x-www-form-urlencoded',
success:function(req){
console.log(req)
},
error:function(e){
console.log(e)
}
})
}
</script>
浏览器将解析成如下效果
5.3 dataType
说明：从服务器你期望的数据类型，如果没有指定，jQuery将尝试通过MIME类型的响应信息来智能判断。
1）dataType:“xml” ----返回xml文档，可以荣光jQuery处理
2）dataType:“html“—返回纯文本html文本，包含script标签会插入DOM执行
3）dataType:”json“----把响应结果当作JSON执行，并返回一个javascript对象。跨域”json"请求转换为“jsonp”
5.4 论data部分的数据是如何组装进请求的
- 当method为post时。浏览器把form数据封装到http body中，然后发送到server
- 当method为get时。则浏览器用
x-www-form-urlencoded的编码方式把form数据转换成一个字串（name1=name1&name2=name2…）然后把这个字串append到url后面，用？分割，加载这个新的url