用phpstorm写出学生管理系统的学生信息修改页面要求用ajax方法
时间: 2024-04-25 14:25:55 浏览: 81
Ajax做的学生信息管理系统
5星 · 资源好评率100%
好的,以下是一个简单的学生管理系统的学生信息修改页面示例,使用了AJAX方法:
```html
<!DOCTYPE html>
<html>
<head>
<title>学生信息修改</title>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script>
function updateStudent() {
var studentId = $('#studentId').val();
var name = $('#name').val();
var gender = $('#gender').val();
var age = $('#age').val();
var phoneNumber = $('#phoneNumber').val();
$.ajax({
url: 'update_student.php',
type: 'POST',
data: {studentId: studentId, name: name, gender: gender, age: age, phoneNumber: phoneNumber},
success: function (result) {
alert('修改成功');
window.location.href = 'student_list.php';
},
error: function (err) {
alert('修改失败,请重试');
}
});
}
</script>
</head>
<body>
<h1>学生信息修改</h1>
<?php
// 根据传递的学生ID获取学生信息
$studentId = $_GET['id'];
$studentInfo = getStudentInfoById($studentId);
function getStudentInfoById($id)
{
// 这里省略从数据库获取学生信息的代码
$studentInfo = array(
'id' => $id,
'name' => '张三',
'gender' => '男',
'age' => 20,
'phoneNumber' => '13888888888'
);
return $studentInfo;
}
?>
<form>
<input type="hidden" id="studentId" value="<?php echo $studentInfo['id']; ?>">
<p>姓名:<input type="text" id="name" value="<?php echo $studentInfo['name']; ?>"></p>
<p>性别:<input type="text" id="gender" value="<?php echo $studentInfo['gender']; ?>"></p>
<p>年龄:<input type="number" id="age" value="<?php echo $studentInfo['age']; ?>"></p>
<p>电话:<input type="tel" id="phoneNumber" value="<?php echo $studentInfo['phoneNumber']; ?>"></p>
<p><button type="button" onclick="updateStudent()">保存</button></p>
</form>
</body>
</html>
```
这个页面使用了jQuery框架,通过AJAX方法将表单中的数据发送到后台处理,后台代码可以自己实现。当修改成功后,弹出提示框并跳转到学生列表页面。如果修改失败,则弹出错误提示框。
阅读全文