javascript 表单怎么提交,新手乱写不太懂,function submit(){}?这写代码都是做什么的?

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()

+ path;
List<Map<String, Object>> list = (List<Map<String, Object>>) request.getAttribute("listMessage");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8"></meta>
<link rel="stylesheet" href="../../common/css/sapar.css" />
<link rel="stylesheet" type="text/css"
href="../../common/css/common.css" />
<link rel="stylesheet" type="text/css" href="../../css/my_info.css" />
<script type="text/javascript" src="../../common/js/jquery.js"></script>
<script type="text/javascript" src="../../common/js/sapar.js"></script>
<script type="text/javascript" src="../../common/js/WdatePicker.js"></script>
<title>添加类型</title>

<script type="text/javascript">

function dosubmit(){

var th = document.form1;

th.action="<%=path%>/servlet/MessageAction?action_flag=addTeacher";
th.submit();
}
</script>
</head>

<body>
<div id="saper-container">
<div id="saper-bd">

<div class="subfiled clearfix">
<h2>添加类型</h2>
</div>
<div class="subfiled-content">
<div class="tab-container" data-trigger="hover">

<form name="form1" id="f2" action="" method="post"
style="margin-top: 15px">

<div class="kv-item clearfix">
<label>老师名称:</label>
<div class="kv-item-content">
<input type="text" name="teaName" ></input>
</div>
</div>

<div class="kv-item clearfix">
<label>手机号码:</label>
<div class="kv-item-content">
<input type="text" name="teaPhone" ></input>
</div>
</div>
<!-- 点击这个标签后会执行javascript代码, doSubmit()是方法名,执行这个方法 -->
<div class="kv-item-content">
<a href="javascript:dosubmit();" class="sapar-btn sapar-btn-recom query-btn"
style="margin-left: 80px;margin-top: 10px">确认添加</a>
</div>
</form>
</div>

</div>
</div>
</div>
</body>

<script type="text/javascript">
$('select').iSelect();
</script>
</html>

这段代码是一个HTML页面,其中嵌入了Java和JavaScript代码。HTML是用来构建和定义页面的结构,Java用来处理后端请求,JavaScript用来处理前端行为。这里有一些关键的部分:

1. `<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>`:这是一个JSP(Java Server Pages)指令,它告诉服务器这个页面使用Java语言,并且引入了java.util包,用于支持后续的Java代码。页面编码设置为UTF-8。

2. `<%=path%>/servlet/MessageAction?action_flag=addTeacher`:这是一个后端的URL,它通过JSP技术插入到HTML中。当提交表单时,这个URL将会被调用,实现添加老师的功能。

3. `function dosubmit()`:这是JavaScript函数,用于提交表单。在这个函数中,它先获取到表单(document.form1),然后设置表单的action属性(也就是提交表单时请求的URL),最后调用submit()方法提交表单。

4. `<form name="form1" id="f2" action="" method="post"`:这是HTML表单标签,用于收集用户输入的数据。当用户点击"确认添加"按钮时,会触发JavaScript的dosubmit函数,提交表单。

5. `<a href="javascript:dosubmit();" class="sapar-btn sapar-btn-recom query-btn" style="margin-left: 80px;margin-top: 10px">确认添加</a>`:这是一个链接,当用户点击它时,会执行dosubmit()函数,提交表单。

总结,这段代码的主要作用是创建一个表单,用户可以在里面输入老师的名称和手机号码,然后点击"确认添加",将信息提交到服务器,添加新的老师。
温馨提示:答案为网友推荐,仅供参考
相似回答