DRP项目知识点三:jsp采用自定义提交方式

最新推荐文章于 2021-02-13 05:04:30 发布

吃素的灰太狼

最新推荐文章于 2021-02-13 05:04:30 发布

阅读量209

点赞数 2

分类专栏： DRP 网页

本文链接：https://blog.youkuaiyun.com/mayong1234567/article/details/87856552

版权

网页同时被 2 个专栏收录

13 篇文章

订阅专栏

DRP

3 篇文章

订阅专栏

前言

在我们学习web过程中,一个最核心的东西就是HTTP协议,关于所有的网页知识都是围绕着客户端与服务器之间的交互而进行的.本文讲述的是对于客户端提交给服务器,采用自定义的方式提交,而不再是用一个简单的 submit 按钮来实现…

与input 控件的区别.

//input控件代码实现
<input type="submit" name="submit"/>

input 代码,是简单的提交按钮,通过提交按钮,我们会对表单就行提交,提交方式可以在表单的属性进行设定

//自定义事件 提交
with(document.getElementById("userForm")){
	action="user_add.jsp";
	method="post";
	submit();

}

首先是获取到form对象，在此对象中，我们设定了
提交目标，提交方式，当然，我们可以添加参数。
以上代码可以放置在某一个事件当中，这样我们就可以摆脱
按钮的依赖，也就是通过某一个事件来驱动form的提交。。

注意

提交的目标可以是任意的，从服务器底层我们知道，所有的提交都会被servlet所接收来处理。在一个jsp中，通过<%%>来包含服务器端的代码，服务接收客户端的请求下面给一个具体的jsp来简单的看一下。

<%@ page language="java" contentType="text/html; charset=GB18030"
    pageEncoding="GB18030"%>
<%@ page import="java.text.*" %>
<%@ page import="com.bjpowernode.drp.sysmgr.domain.*" %>
<%@ page import="java.util.*" %>
<%@ page import="com.bjpowernode.drp.sysmgr.manger.*" %>
<%@ page import="com.bjpowernode.drp.util.*"%>
<%
	String command = request.getParameter("command");
%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
		<title>用户维护</title>
		<link rel="stylesheet" href="../style/drp.css">
		<script type="text/javascript">
	function deleteUser(){
		
		var selectFlags=document.getElementsByName("selectFlag");
		var flag =false;
		for(var i=0;i<selectFlags.length;i++){
			if(selectFlags[i].checked){
				flag =true;
				break;
			}
		}
		if(!flag){
			alert("请选择需要删除的用户");
			return;
		}
		**if(window.confirm("确认删除吗?")){
			//提交到jsp ,,再删除.
			with(document.getElementById("userform")){
				action="user_maint.jsp?command=del";
				method="post";
				submit();**
				
			}
			
		}
	}
	
	function topPage() {
		window.self.location="user_maint.jsp?pageNo=<%=pageModel.getTopPageNo()%>";
	}
	function bottomPage() {
		window.self.location="user_maint.jsp?pageNo=<%=pageModel.getBottomPageNo()%>";
	
	}

</script>
	</head>

	<body class="body1">
		<form name="userform" id="userform">
		
		</form>
	</body>
</html>

以上是删除了许多代码的基本框架，在<%%>来处理服务器端信息，在