提交表单的4种方式

Posted 好奇害死猫+1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了提交表单的4种方式相关的知识,希望对你有一定的参考价值。

1,超链接
<!-- 链接到page2 -->
<a href="page2.jsp">链接到page2</a><br>
<!-- 链接到page2,弹出新窗口 -->
<a href="page2.jsp" target="_blank">链接到page2</a><br>
<!-- 相对路径链接到page2 -->
<a href="./page2.jsp">链接到page2</a><br>
<a href="../demo1/page2.jsp">链接到page2</a><br>
<!-- 绝对路径链接到page2 -->
<a href="http://localhost:8080/web2/demo1/page2.jsp">链接到page2</a><br>
<a href="<%=request.getContextPath() %>/demo1/page2.jsp">链接到page2</a><br>
<!-- 链接到page2,并传参 -->
<a href="page2.jsp?uid=admin">链接到page2</a><br>

2,超链接+JS
<!-- 使用js链接到page2 -->
<a href=‘javascript:fun();‘>链接到page2</a><br>
<!-- 使用js链接到page2,并传参 -->
<a href=‘javascript:fun();‘>链接到page2</a><br>

<script type="text/javascript">
function fun(){
//window.location="page2.jsp?uid=admin";
window.open("page2.jsp?uid=admin");
}
</script>

<!-- 使用js链接到page2,弹出新窗口,并传参 -->
<a href=‘javascript:fun();‘>链接到page2</a><br>

3,submit提交表单
<!-- submit提交表单 -->
<form action="page2.jsp" method="post">
<input type="text" name="uid"><input type="submit" value="提交表单">
</form>
<!-- 验证后提交表单 -->
<form action="page2.jsp" method="post">
<input type="text" name="uid" id="uid">
<input type="submit" value="提交表单" onclick="return fun2();">
</form>

<script type="text/javascript">
function fun2(){
var uid = document.getElementById("uid").value;
if(uid == ""){
alert("请输入用户名");
return false;
} else{
return true;
}
}
</script>

<!-- url方式提交数据 -->
<form action="page2.jsp?uid=admin" method="post">
<input type="submit" value="提交表单">
</form>
<!-- hidden方式提交数据 -->
<form action="page2.jsp" method="post">
<input type="hidden" name="uid" id="uid2" value="admin">
<input type="submit" value="提交表单">
<script type="text/javascript">
document.getElementById("uid2").value="admin2";
</script>
</form>
4,JS
<!-- button+js提交表单 -->
<form id="form1" action="page2.jsp" method="post">
<input type="text" name="uid">
<input type="button" value="提交表单" onclick=‘document.getElementById("form1").submit();‘>
</form>
<!-- <a>+js提交表单 -->
<form id="form2" action="page2.jsp" method="post">
<input type="text" name="uid">
<a href=‘javascript:document.getElementById("form2").submit();‘>提交表单</a>
</form>

以上是关于提交表单的4种方式的主要内容,如果未能解决你的问题,请参考以下文章

07 Flink的多种提交方式

表单的提交有两种方式:GET和POST,这两种方式的区别是啥?

在LayUI表单中,有AJAX方式来提交表单吗

提交表单的4种方式

HTML 表单提交 的简单代码

自我总结和学习表单提交的几种方式