jsp的form表单提交几种方式
来源:互联网 发布:伪造mac ip蹭网 编辑:程序博客网 时间:2024/05/20 10:51
1.form表单submit直接提交数据
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<c:set var="ctx" value="<%=request.getContextPath()%>" />
<html>
<head>
<title>from表单提交</title>
<script type="text/javascript" src="${ctx}/static/js/jquery-1.8.3.min.js"></script>
</head>
<body>
<form action="${ctx}/form/user" method="post" onsubmint="return check()">
<table>
<tr>
<td>ID:</td>
<td>
<input type="text" name="id" />
</td>
</tr>
<tr>
<td>用户名:</td>
<td>
<input type="text" name="name" />
</td>
</tr>
<tr>
<td>密码:</td>
<td>
<input type="text" name="password" />
</td>
</tr>
<tr>
<td>年龄:</td>
<td>
<input type="text" name="age" />
</td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="text" name="sex" />
</td>
</tr>
</table>
<button type="submit">确定</button>
</form>
<script>
//表单提交前进行的校验
function check(){
return true;
}
</script>
</body>
</html>
2.通过ajax进行form表单提交
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<c:set var="ctx" value="<%=request.getContextPath()%>" />
<html>
<head>
<title>from表单提交</title>
<script type="text/javascript" src="${ctx}/static/js/jquery-1.8.3.min.js"></script>
</head>
<body>
<form method="post" id="userAdd">
<table>
<tr>
<td>ID:</td>
<td>
<input type="text" name="id" />
</td>
</tr>
<tr>
<td>用户名:</td>
<td>
<input type="text" name="name" />
</td>
</tr>
<tr>
<td>密码:</td>
<td>
<input type="text" name="password" />
</td>
</tr>
<tr>
<td>年龄:</td>
<td>
<input type="text" name="age" />
</td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="text" name="sex" />
</td>
</tr>
</table>
<a href="javascript:userAdd()">确定</a>
</form>
<script>
function userAdd(){
$.ajax({
url:"${ctx}/form/user",
data:$("#userAdd").serialize(),
type:"post",
success:function(data){
console.log(data);
}
});
}
</script>
</body>
</html>
- jsp的form表单提交几种方式
- form表单的几种提交方式
- form表单提交的几种方式
- Form表单的几种提交方式
- 【jsp】表单提交的几种方式
- form 表单 几种提交方式
- form表单提交的常用几种方式
- Form表单提交数据的几种方式
- Form表单提交数据的几种方式
- Form表单提交数据的几种方式
- Form表单提交数据的几种方式
- Form表单提交数据的几种方式
- Form表单提交数据的几种方式
- Form表单提交数据的几种方式
- form表单提交的几种方法
- form表单提交的几种方法
- form表单提交的几种方法
- form表单提交的几种方法
- vim常用命令(目前我所用到的欢迎大家填补)
- springboot(四) 用mybatis-generator自动生成bean和dao
- 图片处理---缩放,挖取,截屏,旋转
- 我的2016——比2015多个一
- Eclipse中java工程的编译级别,运行JRE的设置
- jsp的form表单提交几种方式
- SSM框架——详细整合教程(Spring+SpringMVC+MyBatis)
- [kuangbin带你飞]专题四 最短路练习 R
- 访问index.jsp
- 文件上传利器SWFUpload使用指南
- Kernel panic – not syncing: Attempted to kill init
- Python 与 C/C++ 互操作资源汇总
- java中String字符串转化为数字
- 用最简单的例子演示如何使用js或者$.ajax进行跨域请求