整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

html中表单的使用以及get和post的区别

TML:完成页面的内容展示

CSS:完成页面样式的控制,美化页面,完成页面的布局。

表单:用于采集用户输入的数据。用于和服务器进行交互。

form:用于定义表单的。可以定义一个范围(代表用户采集数据的范围)

属性:action:指定提交数据的url(指的就是把数据提交到哪里)

method:指定提交方式

分类:一共有7种,2种比较常用。

get:1.请求参数会在地址栏显示

2.请求参数的长度是有限制的。

3.请求不安全

post:1.请求参数不会在地址栏显示,会封装在请求体中。

2.请求参数的长度没有限制

3.较为安全

表单里面的数据要想被提交,必须指定它的name属性


我们在Web表单提交,常常需要选择提交方法,这时我们会用到GET和POST方法。但关于它们之间的区别你又知道多少。今天我们就来了解它们

两方法其实是HTTP协议中的请求方法(关于HTTP协议可以阅读之前我写的《解密Web通信协议——超文本传输协议》)我们先通过一个例子来看看它们之间的区别。

通过下面源代码来查看:

源代码

效果

我们来看一下地址栏无输入时为:

file:///E:/~/~/Demo.html

我们测试时用户名和密码都为123456789

当我们用GET方法提交地址栏变为:

file:///E:/~/~/Demo.html?textfield=123456789&password=123456789&submit=提交#Url

再来看看post方法提交后为file:///E:/~/~/Demo.html#Url

我们不难看出当我们在输入密码时Get方法提交会把所有信息显示到地址栏,这样可以看出这样提交信息不安全

它们没有很大区别都是TCP连接,但在HTTP规范不同和C/S限制导致它们有了区别如下:

  1. GET请求的数据会附在URL之后,以?分割URL,参数之间以&相连,POST方法把提交的数据放在HTTP包中。
  2. GET的长度受限于url的长度,理论上GET的URL长度可以无限长,但由于浏览器和服务器有限制。
  3. POST是没有大小限制的,HTTP协议规范也没有进行大小限制,起限制作用的是服务器的处理程序的处理能力
  4. POST的安全性要比GET的安全性高前面已经提到

post和get的选择

私密性的信息请求使用post。

查询信息和可以想要通过url分享的信息使用get。

如果有任何错误和纰漏,请私信我更正。

如果你有任何意见一定要私信告诉我,让我快速成长起来哟。

能会用到的相关包

import java.io.File;
import java.nio.charset.Charset;
import org.apache.http.HttpResponse;
import org.apache.http.client.methods.HttpUriRequest;
import org.apache.http.client.methods.RequestBuilder;
import org.apache.http.entity.ContentType;
import org.apache.http.entity.mime.HttpMultipartMode;
import org.apache.http.entity.mime.MultipartEntityBuilder;
import org.apache.http.impl.client.CloseableHttpClient;
import org.apache.http.impl.client.HttpClients;
import org.apache.http.message.BasicNameValuePair;
import org.apache.http.util.EntityUtils;

使用HttpClient发送一个表单POST请求

try {
	CloseableHttpClient client = HttpClients.createDefault();
	List<NameValuePair> paras = new ArrayList<NameValuePair>();
	paras.add(new BasicNameValuePair("testIn1", "表单1"));
	paras.add(new BasicNameValuePair("testIn2", "true"));
	paras.add(new BasicNameValuePair("testIn3", "3"));
	paras.add(new BasicNameValuePair("testIn4", "20210929010101"));
	paras.add(new BasicNameValuePair("testIn5", "5.1"));
	HttpUriRequest post = RequestBuilder.post("http://localhost:9092/test.jsp")//
			.setEntity(new UrlEncodedFormEntity(paras, "GBK"))//
			.build();
	HttpResponse res = client.execute(post);
	System.out.println(res.getEntity().getContentType().toString());
	System.out.println(EntityUtils.toString(res.getEntity()));
} catch (Exception e) {
	e.printStackTrace();
}
  1. 创建一个请求客户端:HttpClients.createDefault(),用来实际发起调用post请求,可以类比成浏览器。
  2. 组装表单请求数据:通过ArrayList容器组装NameValuePair类型的请求数据,一个NameValuePair对象里存的是一个键值对。
  3. 创建一个post请求:通过请求构造器RequestBuilderpost方法构造一个post请求,通过setEntity方法向post请求里放置请求参数,请求参数需要通过UrlEncodedFormEntity对象包装,并指定编码字符集(这里是指对方编码,通过addHeader方法向post请求里追加请求头信息,请求头信息比如双方约定的token,通过build方法返回请求对象。
  4. 发起post请求并获得响应:通过请求客户端的execute方法执行请求并获得返回值请求响应。
  5. 获取响应结果:获取响应对象的实体HttpEntity,通过EntityUtils的toString方法将实体转成字符串(例子里为请求的一个jsp(html)页面,实际返回为jsp页面里html内容),这里一般还要指定字符集,尤其是当实体里没有指定字符集时

使用HttpClient发送一个JSON数据格式的POST请求

try {
	CloseableHttpClient client = HttpClients.createDefault();
	JSONObject json = new JSONObject();
	json.put("str", "字符串");
	json.put("num", 123);
	json.put("bool", true);
	json.put("date", Calendar.getInstance().getTime());//日期类型的一般会约定会特定格式的字符串,这里仅是示例
	json.put("ja", new JSONArray());
	HttpUriRequest post = RequestBuilder.post("http://localhost:8181/auri")//
			.setEntity(new StringEntity(json.toString(), ContentType.APPLICATION_JSON))//json的content-type已经包含utf-8的编码了
			.build();            
	System.out.println(post.toString());
	HttpResponse res = client.execute(post);
	System.out.println("statusLine:" + res.getStatusLine().getStatusCode());
	System.out.println(res.getEntity().getContentType().toString());
	System.out.println(EntityUtils.toString(res.getEntity()));
} catch (Exception e) {
	e.printStackTrace();
}
  1. 创建一个请求客户端:HttpClients.createDefault(),用来实际发起调用post请求,可以类比成浏览器。
  2. 组装Json请求数据:通过JSONObject对象组装数据。
  3. 创建一个post请求:通过请求构造器RequestBuilder的post方法构造一个post请求,通过setEntity方法向post请求里放置请求实体,请求实体需要通过StringEntity对象包装,并指定content-type为json,通过build方法返回请求对象。
  4. 发起http请求并获得响应:通过请求客户端的execute方法执行请求并获得返回值请求响应。
  5. 获取响应结果:获取响应对象的实体HttpEntity,通过EntityUtils的toString方法将实体转成字符串,这里一般还要指定字符集,尤其是当返回的实体里没有指定字符集时。

使用HttpClient发送一个包含附件上传的POST请求

try {
	CloseableHttpClient client = HttpClients.createDefault();            
	MultipartEntityBuilder meb = MultipartEntityBuilder.create();
	meb.setMode(HttpMultipartMode.RFC6532);//must
	meb.addBinaryBody("file1", new File("D:/abc.jpg"));
	meb.addBinaryBody("file2", new File("D:/你好.jpg"));
	meb.addTextBody("testIn1", "上传表单1", ContentType.DEFAULT_TEXT.withCharset("GBK"));//GBK or UTF-8, either is ok
	meb.addTextBody("testIn2", "true");
	meb.addTextBody("aid", "3");
	meb.setCharset(Charset.forName("UTF-8"));//must

	HttpUriRequest multiPost = RequestBuilder.post("http://localhost:9092/web/test")//
			.setEntity(meb.build())//
			.build();     
	HttpResponse res = client.execute(multiPost);
	System.out.println("statusLine:" + res.getStatusLine().getStatusCode());
	System.out.println(EntityUtils.toString(res.getEntity()));
} catch (Exception e) {
	e.printStackTrace();
}

1.创建一个请求客户端:HttpClients.createDefault(),用来实际发起调用post请求,可以类比成浏览器。

2.组装表单请求数据:因需要传递文件,所以通过MultipartEntityBuilder构造器组装表单实体请求数据。

2.1 设置mode为HttpMultipartMode.RFC6532(必须);

2.2 设置字符集为UTF-8(必须);

2.3 通过addBinaryBody追加文件;

2.4 通过addTextBody追加文本参数,若文本为中文则必须指定字符集为GBK或者UTF-8。

3.创建一个post请求:通过请求构造器RequestBuilder的post方法构造一个post请求,通过setEntity方法向post请求里放置请求参数,通过addHeader方法向post请求里追加请求头信息,请求头信息比如双方约定的token,通过build方法返回请求对象。

4.发起post请求并获得响应:通过请求客户端的execute方法执行请求并获得返回值请求响应。

5.获取响应结果:获取响应对象的实体HttpEntity,通过EntityUtilstoString方法将实体转成字符串,这里一般还要指定字符集,尤其是当实体里没有指定字符集时。

注意MultipartEntityBuilder必须指定modeHttpMultipartMode.RFC6532,且必须设置字符集为UTF-8否则若传递的文件名包含中文,则文件名乱码;对于普通的文本参数,中文指定UTF-8或者GBK接收方均未发现乱码情况;接收方需要将请求转为MultipartHttpServetRequest方可获取到文件,示例代码如下:

public ModelAndView enterTest(HttpServletRequest req, HttpServletResponse res, DataObject para) throws Exception {
	System.out.println(req.getContentType());
	MultipartHttpServletRequest mr = (MultipartHttpServletRequest) req;
	MultipartFile mf = mr.getFile("file2");
	System.out.println("getOriginalFilename:" + mf.getOriginalFilename());
	System.out.println("getName:" + mf.getName());
	......
}

若感觉对您有用,可以转发并关注,您的关注是对我莫大的支持!