php实现在页面做两个表单在一个框里输入79,在另一个框里点击跳转输出优秀 代码
时间: 2024-10-17 09:15:51 浏览: 14
php通过隐藏表单控件获取到前两个页面的url
要在PHP中实现这样一个功能,你需要结合前端的HTML和后端的PHP处理。首先,创建一个HTML表单,包含两个输入框和一个提交按钮,当用户填写完数字并点击提交时,会触发一个AJAX请求发送数据到服务器,服务器返回结果后再更新页面。以下是一个简单的示例:
**HTML (index.html):**
```html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Input and Redirect</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div id="inputs">
<label for="number">请输入数字:</label>
<input type="number" id="numberInput" />
<button id="submitBtn">提交</button>
</div>
<div id="result" style="display:none;">
<p id="gradeResult"></p>
</div>
<script src="script.js"></script>
</body>
</html>
```
**JavaScript (script.js)**:
```javascript
$(document).ready(function () {
$('#submitBtn').click(function (event) {
event.preventDefault(); // 阻止表单默认提交
const number = parseInt($('#numberInput').val());
if (isNaN(number)) {
alert('请输入一个数字!');
return;
}
$.ajax({
url: 'check_grade.php', // AJAX请求提交到这个PHP文件
type: 'POST',
data: { score: number },
dataType: 'json',
success: function (response) {
$('#gradeResult').text(response.grade);
$('#inputs').hide();
$('#result').show();
}
});
});
});
```
**PHP (check_grade.php):**
```php
<?php
if ($_SERVER["REQUEST_METHOD"] === "POST") {
$score = $_POST['score'];
// 判断分数等级
$grade = ($score >= 85) ? '优秀' : '非优秀'; // 这里只是一个简化的例子,实际可以根据需求修改评分规则
echo json_encode(['grade' => $grade]);
}
// 此处仅用于本地测试,部署时需关闭
ob_start();
readfile('index.html');
ob_end_flush();
```
以上代码假设服务器支持PHP,并且已经在服务器上运行了`index.html`文件。注意在生产环境中,为了安全起见,你应该禁用`ob_start`和`readfile`。
阅读全文