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参数的值,将自动转化为一个同名的多址查询字符串。