java 提交表单_http常见的form表单请求方式

在Web开发中,我们使用的比较多的HTTP请求方式基本上就是GET、POST。

一、http请求常见的表单文件上传形式

首先了解下application/x-www-form-urlencoded和multipart/form-data的区别:

application/x-www-form-urlencoded:

是常用的表单发包方式,普通的表单提交,或者js发包,默认都是通过这种方式。当action为get时候,浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串(name1=value1&name2=value2…),然后把这个字串append到url后面,用?分割,加载这个新的url。当action为post时候,浏览器把form数据封装到http body中,然后发送到server(服务器)。

multipart/form-data :

如果没有 type=file 的控件,form表单会自动form的enctype属性为编码方式默认的 application/x-www-form-urlencoded 如果有 type=file 的话,就要用到 multipart/form-data 了。浏览器会把整个表单以控件为单位分割,并为每个部分加上Content-Disposition(form-data或者file)、Content-Type(默认为text/plain)、name(控件name)等信息,并加上分割符(boundary)。

二、更加详细的Form表单请求

Form表单请求,一般常用的是Get和Post提交方式,

Get方式提交

表单内容

用户名:

密码:

Get方式提交,最后以http://localhost:8080/springmvc/user/login.do?username=xiaoming&password=123456789 请求服务器。

Post方式提交

Post提交方式,Form表单有两种enctype类型:

1、enctype=”application/x-www-form-urlencoded” 也是默认的提交类型,一般针对文本请求参数,不含附件。比如

用户名:

密码:

提交表单时的Http请求如下:

POST http://localhost:8080/springmvc/user/login.do HTTP/1.1

Host: localhost:8080

Connection: keep-alive

Content-Length: 33

Cache-Control: max-age=0

Origin: http://localhost:8080

Upgrade-Insecure-Requests: 1

User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36

Content-Type: application/x-www-form-urlencoded

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8

Referer: http://localhost:8080/springmvc/

Accept-Encoding: gzip, deflate

Accept-Language: zh-CN,zh;q=0.8

username=xiaoming&password=123456789

消息头中的Content-Type: application/x-www-form-urlencoded

消息体中内容以key=value的形式拼接 username=xiaoming&password=123456789

2、enctype=”multipart/form-data”

需要上传附件时,必须为”multipart/form-data”。**,比如

用户名:

密码:

上传文件:

提交表单时,Http请求协议如下:

POST http://localhost:8080/springmvc/user/login.do HTTP/1.1

Host: localhost:8080

Connection: keep-alive

Content-Length: 400

Cache-Control: max-age=0

Origin: http://localhost:8080

Upgrade-Insecure-Requests: 1

User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36

Content-Type: multipart/form-data; boundary=----WebKitFormBoundarykALcKBgBaI9xA79y

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8

Referer: http://localhost:8080/springmvc/

Accept-Encoding: gzip, deflate

Accept-Language: zh-CN,zh;q=0.8

------WebKitFormBoundarykALcKBgBaI9xA79y

Content-Disposition: form-data; name="username"

xiaoming

------WebKitFormBoundarykALcKBgBaI9xA79y

Content-Disposition: form-data; name="password"

123456789

------WebKitFormBoundarykALcKBgBaI9xA79y

Content-Disposition: form-data; name="uploadFile"; filename="file.txt"

Content-Type: text/plain

文件中的内容

------WebKitFormBoundarykALcKBgBaI9xA79y--

请求消息头中, Content-Type: multipart/form-data; boundary=- - - -WebKitFormBoundarykALcKBgBaI9xA79y

boundary为分隔符.

消息体中的每个参数都会以“- -”+boundary 隔开,最后一个分隔符末尾需要加”- -“,即”- -“+boundary+”- -“

转载至链接:https://my.oschina.net/u/3901362/blog/1930554

Java Web开发中,可以使用AJAX进行异步提交form表单,具体实现步骤如下: 1. 在JSP页面中添加form表单,设置id属性和action属性,例如: ``` <form id="myForm" action="submitForm.do" method="post"> <input type="text" name="username"> <input type="text" name="password"> <button type="submit">提交</button> </form> ``` 2. 在JSP页面中引入jQuery库,例如: ``` <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> ``` 3. 使用jQuery的$.ajax方法异步提交form表单,例如: ``` $(document).ready(function() { $('#myForm').submit(function() { $.ajax({ url: $(this).attr('action'), type: $(this).attr('method'), data: $(this).serialize(), success: function(data) { alert('提交成功'); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert('提交失败'); } }); return false; }); }); ``` 其中,$(this).serialize()方法可以将表单数据序列化为字符串,方便传递给后台处理。success和error回调函数分别处理提交成功和提交失败的情况。 4. 在Java后台代码中处理form表单数据,例如: ``` @RequestMapping(value="/submitForm", method=RequestMethod.POST) @ResponseBody public String submitForm(HttpServletRequest request) { String username = request.getParameter("username"); String password = request.getParameter("password"); // 处理表单数据 return "success"; } ``` 其中,@RequestMapping注解设置了请求路径和请求方法,@ResponseBody注解表示返回值直接作为响应体输出,不需要经过视图解析器处理。 通过以上步骤,就可以实现AJAX异步提交form表单了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值