PHP简单的前后端交互

最新推荐文章于 2025-04-04 09:31:27 发布

zhuqian88

最新推荐文章于 2025-04-04 09:31:27 发布

阅读量2.1k

点赞数

分类专栏： php 文章标签： PHP简单的前后端交互

本文链接：https://blog.youkuaiyun.com/weixin_44516932/article/details/103124910

版权

php 专栏收录该内容

24 篇文章

订阅专栏

本文深入讲解了前后端交互的基本原理，包括GET和POST请求的区别，以及如何在PHP中使用$_GET和$_POST接收前端数据。通过实例展示了如何创建表单进行成绩等级评定，以及实现一个简单的计算器功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前后端交互

前端是以 get方式传输, 后端以 $_GET 接收
前端是以 post方式传输, 后端以 $_POST 接收
前端不确定是以什么方式传输, 后端以 $_REQUEST 接收
get传输:
- 表单get传输
- a链接的参数也是get传输
post传输:
- 表单post传输
$_GET和 $_POST都是 array类型

<form action="./06-get_post.php" method="get">
天梯成绩: <input type="text" name="score" >    
        <input type="submit" >
</form>

<?php 
// 1. 接收前端的数据
$data = $_GET;
// 2. 判断等级
$lv = $data['score'];
if ( $lv < 3) {
    echo "青铜 <br>";
}elseif ( $lv < 4) {
    echo "白银 <br>";
}elseif ( $lv < 5) {
    echo "黄金 <br>";
}elseif ( $lv < 6) {
    echo "白金 <br>";
}elseif ( $lv < 7) {
    echo "钻石 <br>";
}elseif ( $lv < 8) {
    echo "大师 <br>";
}elseif ( $lv < 9) {
    echo "王者 <br>";
}else{
    echo "最强王者 <br>";
}
?>

<?php 
// 1. 接收数据
$data = $_POST;
// 2. 根据 ope 来决定做什么运算
$result = null;
switch( $data['ope'] ){
    case '+': $result = $data['num1'] + $data['num2']; break;
    case '-': $result = $data['num1'] - $data['num2']; break;
    case '*': $result = $data['num1'] * $data['num2']; break;
    case '/': $result = $data['num1'] / $data['num2']; break;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>史上最酷的计算器</title>
    <style>
        .result{
            display: inline-block;
            border-bottom: 1px solid red;
            width: 100px;
            vertical-align: bottom;
        }
    </style>
</head>
<body>
    <h1>史上最酷的计算器</h1>
    <form action="./07-calc.php" method="post">
        <input type="text" name="num1" value="<?= $data['num1'] ?>"> 
        <select name="ope">
            <option value="+"  <?=  $data['ope']=='+'?'selected':null;   ?>    >+</option>
            <option value="-"  <?=  $data['ope']=='-'?'selected':null;   ?>    >&minus;</option>
            <option value="*"  <?=  $data['ope']=='*'?'selected':null;   ?>    >&times;</option>
            <option value="/"  <?=  $data['ope']=='/'?'selected':null;   ?>    >&divide;</option>
        </select>
        <input type="text" name="num2" value="<?= $data['num2'] ?>"> 
        <input type="submit" value="=">
        <span class="result">
            <?= $result ?>
        </span>
    </form>
</body>
</html>