前后端交互

  • 前端是以 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. 【PC工具】复制翻译神器!有了这个开源免费的翻译软件,阅读英文文档变得再也不困难了...
  2. Java——网络编程(实现基于命令行的多人聊天室)
  3. LeetCode 1338. 数组大小减半
  4. 运筹学状态转移方程例子_强化学习第4期:H-J-B方程
  5. python爬虫知乎图片_python爬虫(爬取知乎答案图片)
  6. iTunes 11.2更新下载:改善播客阅读
  7. 以下选项中表述为oracle,oracle 选择题
  8. Mysql(2)_ binlog文件
  9. C# WIN7电脑双屏设置不同内容的桌面
  10. 封装和参数调用(格式修改)
  11. c#(asp.net/core)杂谈笔记
  12. zktime 协议_ZKtime5.0考勤软件说明书
  13. 医院电子病历系统HIS、LIS、PACS、CIS源码
  14. 中国民营500强企业爬取数据展示
  15. [微信小程序]云服务器上传图片或视频
  16. Java初学者零基础分章学习后续
  17. 数据查询和业务流分开_基于大数据的舆情分析系统架构 - 架构篇
  18. 比 Excel 更强大,Python 的可视化库 Altair 入门
  19. ora-12505错误
  20. 1658. 合法标识符

热门文章

  1. 自由设计师接单网站_自由职业者 内部:哪位产生了最好的设计师?
  2. 1 素问篇-上古天真论
  3. React路由使用详解
  4. 数据结构(Java)---链表
  5. 凯迪生态携手海通安恒,成功启动SAP实施项目
  6. C语言与Java标识符的区别,Java和C语言的区别
  7. decimal 的解释说明
  8. 陶泓达:3.29午间欧盘最新走势分析及操作建议!
  9. esp8266 接收udp广播_【零知ESP8266教程】AP模式下WIFI UDP协议通信示例
  10. 关于数据库隔离级别为RR(可重复读)下是否解决幻读问题