1、第一种方式比较简单，直接在form表单的enctype属性上设置数据传输的格式。图中表单上的action属性是填写处理数据的文件的路径，method属性指定通过用post方式传输数据，enctype指定传输数据的格式。若是跟我一样使用jsp来处理传输的数据的话，index.html和dologin.jsp位于同一路径下。
1、第二种方式是使用原生的js，通过ajax传输数据到服务端。在js中指定传输的数据的格式。
先写一个函数createXMLHttpRequest()用于创造XMLHttpRequest对象。
2、然后编写一个使用application/x-www-form-urlencoded格式传输数据的函数sendDataByText()。修改表单上的内容如图。
3、使用tomcat+chrome浏览器验证是否按照application/x-www-form-urlencoded格式传输数据。启用tomcat运行后，使用chrome的开发者工具，输入用户名和密码，点击登录后，可以看到数据传输的格式是application/x-www-form-urlencoded格式。
4、接下来编写一个使用multipart/form-data格式传输数据的函数sendDataByBinary()。注意表单上的数据需用FormData对象来存储。修改表单上的内容如图。
5、启用tomcat运行后，使用chrome的开发者工具，输入用户名和密码，点击登录后，可以看到数据传输的格式是multipart/form-data格式。
1、第三种方式是使用jQuery的ajax方式传输数据时指定数据传输的格式。
要使用jQuery需先引入jQuery的js文件。
2、然后编写一个使用application/x-www-form-urlencoded格式传输数据的函数sendDataByText()。修改表单上的内容如图。
3、启用tomcat运行后，使用chrome的开发者工具，输入用户名和密码，点击登录后，可以看到数据传输的格式是application/x-www-form-urlencoded格式。
4、接下来编写一个使用multipart/form-data格式传输数据的函数sendDataByBinary()。注意表单上的数据需用FormData对象来存储，且需要增加processData: false。修改表单上的内容如图。
5、启用tomcat运行后，使用chrome的开发者工具，输入用户名和密码，点击登录后，可以看到数据传输的格式是multipart/form-data格式。
