使用除按钮标签(button,submit)以外的标签实现以POST方式发送请求

我们常用的以POST发送请求的方式就是使用按钮(submit,button)和form的结合,因为超链接(a标签)默认是以GET的方式发送请求的,这里我们可以来验证一下。

我们创建一个jsp文件study.jsp和一个servlet文件Study.java

jsp文件study.jsp:
使用除按钮标签(button,submit)以外的标签实现以POST方式发送请求
servlet文件Study.java:

使用除按钮标签(button,submit)以外的标签实现以POST方式发送请求
我们用a标签去访问一下Study.java文件,看是以POST方式请求还是以GET方式请求

使用除按钮标签(button,submit)以外的标签实现以POST方式发送请求
使用除按钮标签(button,submit)以外的标签实现以POST方式发送请求
我们可以看到,超链接默认是以GET方式发送请求的。

但是当我们不想用按钮的样式去提交数据时,就是想用超链接这种样式去提交数据时我们该怎样实现呢?

我们可以使用其他标签代替按钮标签去实现提交数据的作用,如图:
使用除按钮标签(button,submit)以外的标签实现以POST方式发送请求
使用除按钮标签(button,submit)以外的标签实现以POST方式发送请求
使用除按钮标签(button,submit)以外的标签实现以POST方式发送请求
这样我们就实现了不使用按钮的样式去提交数据。

这种方法不再靠a标签的href属性来规定跳转的位置而是由form标签决定,所以a标签也就失去了超链接的特效,也正是因为这样,a标签的位置我们也可以换成其他标签,然后再通过css样式实现与超链接相同的效果,如图:

这里我们把a标签换成p标签

使用除按钮标签(button,submit)以外的标签实现以POST方式发送请求
使用除按钮标签(button,submit)以外的标签实现以POST方式发送请求
使用除按钮标签(button,submit)以外的标签实现以POST方式发送请求

通过改变css样式实现与超链接相同的特效,但是发送请求的方式却是POST方式

上一篇:vue+elementui+springboot实现文件上传


下一篇:C++ 类的多态二(函数重载--函数重写--函数重定义)