JAVA全系列 教程
3762个小节阅读:7091.1k
目录
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
xxxxxxxxxx
// 用户添加
function addUser(){
// 从页面中获取数据
var name = $("#name").val();
var age = $("#age").val();
if (name == ''){
alert("请输入名字")
return
}
if ( age == ''){
alert("请输入年龄")
return
}
var data = {
name:name,
age:age,
flag : "addUser"
}
// 发送请求
$.post("user.do",data,function(result){
console.log(result)
if (result.code == 200){
alert(result.message)
location.reload()
}
});
}
xxxxxxxxxx
<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>用户管理</title>
<style>
div{
padding:20px 10px 0 10px;
}
.total_content{
display: flex; /* 创建 Flexbox 布局 */
justify-content: center; /* 水平居中对齐 */
align-items: center; /* 垂直居中对齐 */
}
</style>
</head>
<body>
<div class="total_content">
<h1 >用户管理系统</h1>
</div>
<div>
<table align="center" width="60%" border="0" cellspacing="1" bgcolor="#000000">
<tr bgcolor="#FFFFFF">
<td>ID:</td>
<td><input type="text" name="id" id="userId"/></td>
<td>姓名:</td>
<td><input type="text" name="name" id="name"/></td>
<td>年龄:</td>
<td><input type="number" name="age" id="age"/></td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td colspan="6">
<input type="button" value="添加用户" onclick="addUser()" />
<input type="button" value="更新用户" onclick="updateUser()"/>
</td>
</tr>
</table> <hr/>
<table align="center" width="60%" bgcolor="#000000" border="0" id="myTable" cellpadding="0" cellspacing="1">
<thead>
<tr align="center" bgcolor="#FFFFFF">
<td>ID</td>
<td>姓名</td>
<td>年龄</td>
<td>操作</td>
</tr>
</thead>
<tbody id="tBody"></tbody>
</table>
</div>
</body>