form表单的四种提交方式

最新推荐文章于 2024-03-18 22:46:45 发布

李月恒

最新推荐文章于 2024-03-18 22:46:45 发布

阅读量1.3w

点赞数 3

CC 4.0 BY-SA版权

分类专栏：事无巨细文章标签： form表单的四种提交方式 JSP与Servlet之间传递数据出现的乱码问题

本文链接：https://blog.youkuaiyun.com/helloWorld_LHT/article/details/79451238

事无巨细专栏收录该内容

8 篇文章

订阅专栏

本文介绍了HTML表单的四种提交方法，包括直接通过按钮触发提交及利用JavaScript控制提交流程。此外，还详细讨论了JSP与Servlet间数据传递时可能出现的乱码问题及其解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.form表单的四种提交方式

方式一、 

Js的提交方式，表单上有action

<script type="text/javascript"> 

function regist(){       

document.getElementById("form1").submit();  //form表单id.submit();

}

</script> 

<body>   

<form  id="form1"  method="post" action="Servletone">     

姓名:<input type="text" name="sname" size="25">    

<input type="button" value="提交" onclick="regist()">  

</form>   

</body>

方式二、 Js的提交方式，表单上有action

<script type="text/javascript"> 

function regist(){     

document.form1.submit();   //form表单name.submit();

}

</script> 

<body>   

<form  name="form1"  method="post" action="Servletone">     

姓名:<input type="text" name="sname" size="25">    

<input type="button" value="提交" onclick="regist()">  

</form>   

</body>

方式三、Js的提交方式，表单上没有action

<script type="text/javascript"> 

function regist(){      

var form=document.getElementById("form1"); //form表单id

       form.action="Servletone"; 

//因为form没有带action所以这里要加上提交到哪           

 form.submit();   

}

</script> 

<form  id=“form1”  method=“post” ><!—没带action时-->       

姓名:<input type="text" name="sname" size="25">       

<input type="button" value="提交" onclick="regist()">

</form>

方式四、

<script type="text/javascript">

    function regist(){

       var sname=document.getElementById("sname").value;

       if(sname == null || sname ==""){

            alert("please enter name");

            return false;

}

         return true;

}

</script>

<form  name="form1" id="form1"  method="post" action="abc"  onSubmit="return regist()">

//当onSubmit="return regist()" 中的regist()返回true时，就可以进行提交，提交到action=“abc”

     name:<input type="text" name="sname" id="sname" size="25">

    <input type="submit" value="提交" >

</form>

2.JSP与Servlet之间传递数据出现的乱码问题

JSP设置编码：

设置JSP的编码方式：选择window –> Preferences –> MyEclipse –> Files and Editors –> JSP

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

Servlet设置编码

public void doPost(HttpServletRequest request, HttpServletResponse response){

response.setContentType("text/html;charset=UTF-8");//response是返回给页面的编码。

request.setCharacterEncoding("UTF-8"); //request是从页面来的请求编码。

String na=new String(request.getParameter("na").getBytes("ISO-8859-1"), "UTF-8");//超级链接（get方式）的编码

修改TOMCAT：

<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000"redirectPort="8443"  URIEncoding="UTF-8" />

修改MYSQL

有时会用JDBC连接MySQL数据库，可能会出现乱码，所以要在连接之后加上如下的语句：

useUnicode=true&characterEncoding=UTF-8

3.访问Servlet的三种方式

1.第一种访问方式：浏览器地址栏访问---doGet方式访问     http://localhost:8080/oneWebProject（项目名）/Servletone（web.xml中配的url-pattern值） 注意：action后面写的url必须和url-pattern一样。      使用超级链接访问，在href处指定Servlet的URL

2第二种访问方式：表单提交 ---doGet和doPoset方式访问 

 <body>  <form  action="Servletone"    method="post">  <input type="submit" value="提交">  </form> </body> 

3第三种访问方式：超连接---doGet方式访问    

<a href="Servletone">访问servlet</a>