前后端交互

  • 前端是以 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>

PHP简单的前后端交互相关推荐

  1. 简单的前后端交互的案例

    简单的前后端交互的案例--在表单页面输入信息,该信息存入数据库 首先封装自己的数据库 //封装数据库 //导入mysql模块 const mysql = require ('mysql2');//创建 ...

  2. python前后端交互_Django基础之简单的前后端交互

    Python Python开发 Python语言 Django基础之简单的前后端交互 学习Django有一段时间了,最近刚好写了一个小项目,用到了前后端交互,刚开始写前后端交互确实很让人头晕目眩呢,下 ...

  3. Servlet实现简单的前后端交互

    Servlet实现简单的前后端交互 首先前后端交互是啥呢? 在我的理解中大概是这样的: 简单的讲就是数据的交换 接下来我们来看看应该要怎么实现这个简单的交互: 1.首先我们前端先不写静态页面,直接在u ...

  4. (一)使用form表单的name属性简单实现前后端交互

    实现效果: 点击提交后: 前端页面源码: <!DOCTYPE html> <html lang="en"

  5. (二)使用Ajax简单实现前后端交互

    实现效果: 点击提交后: 前端页面源码: <!DOCTYPE html> <html lang="en">

  6. Mysql+Echarts+Python+Flask实现前后端交互及数据可视化

    前言 社区版Pycharm实现python+flask+echarts+Mysql实现简单的前后端交互. 新手入门,记录经验,欢迎交流. 一.首先检测Flask框架是否成功? 首先,在你的项目下中安装 ...

  7. java中常用前后端交互框架,整合Spring-SpringMVC-MyBatis实现简单前后端交互

    整合Spring-SpringMVC-MyBatis实现简单前后端交互 (1)环境要求 IDEA MySQL Tomcat Maven (2)数据库环境 id name pwd 1 Hunter 12 ...

  8. 前后端交互,网络请求

    这边文章主要根据我自己的前端开发工作经验,东拼西凑出来的一点理解,希望能够对大家有点帮助,如果有误导或者错误的地方还请帮助指正,感谢!!! 前后端交互我理解主要分为三个主要的部分: 1.客户端 2.服 ...

  9. [原创]前后端交互的方式整理

    前言 本来我只是想整理下前后端如何传输数据这种交互过程,大概流程如下: 前台使用ajax通过get/post等方式提交数据到后端 后端如何获取参数 经过业务处理后,返回前端对应的响应数据 前端接受到响 ...

最新文章

  1. line_profile逐行代码分析
  2. 读书笔记1 : program paradigm
  3. react滑动切换tab动画效果_[React Native]react-native-scrollable-tab-view(入门篇)
  4. 单片机脉宽测量C语言,单片机脉宽测量的程序
  5. 排序代码(python,c++) 及 基本算法复杂度
  6. 科大讯飞2021笔试题
  7. android标签打印,Android TSC热敏标签打印机打印
  8. 乐视跳过服务器验证,pandwonload不能登录?试试跳过启动验证
  9. 360浏览器清凉新版让手机解暑
  10. 代理ip,代理服务器等相关
  11. 腾讯云:服务器资源池化技术发展趋势
  12. 阿里云 IoT 物联网平台 MQTT 通讯模式
  13. 以太网标准-802.3各个标准简介
  14. 【TS】泛型 Generics
  15. 《天池龙珠 - Python训练营》03.Python基础进阶:从函数到高级魔法方法
  16. Enable VT-x in your BIOS security settings, ensure that HAXM is installed properly
  17. Scikit-plot画图
  18. Android开发:微信应用签名如何获取
  19. JavaScript实现警告框
  20. 第三次工业革命(六)

热门文章

  1. vr 体验 vr游戏
  2. Intellij Idea方法注释模板设置
  3. cmke 项目转 QT 项目
  4. 9 个很酷的 CMD 命令
  5. hive中使用正则表达式匹配数字
  6. 判定表与判定树的画法_判定表和判定树测试.ppt
  7. 如何使用人力资源软件识别保留优秀员工
  8. 1005. 存款收益 (Standard IO)
  9. 如何运营好一个微社区?热门手游社区助力游戏玩家互动
  10. html5 游戏性能,技术突破:HTML5裸跑性能已可媲美APP