【PHP编程使用UI框架】——GET和POST的请求方法

在这里插入图片描述

👨‍💻个人主页：@开发者-曼亿点

👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!

👨‍💻 本文由 曼亿点 原创

👨‍💻 收录于专栏：PHP程序开发

⭐🅰⭐

— 请添加图片描述

文章目录

    • ⭐🅰⭐
    • ⭐前言⭐
    • 🎶（1）GET的方法的使用
      • 🐤GET方法的请求数据
      • 🐤使用UI框架解释GET方式请求数据
    • 🎶（2）POST方式的使用
      • 🐤使用UI框架解释GET方式请求数据
        • 结束语🥇

⭐前言⭐

HTTP协议定义了很多客户端与服务器交互的方法，最常用的是CET和POSTGET方法一般用于从指定的资源获取信息，而POST方法一般用于向指定的资源提交要被处理的信息。本书的资源特指PHP文件。

🎶（1）GET的方法的使用

🐤GET方法的请求数据

  • 当客户端要从服务器端中读取信息时，使用的都是CET方法，例如，点击网页上的链接或者通过在浏览器的地址栏输人网址来浏览网页。CET方法要求服务器将URI定位的资源放在响应报文的数据部分返回给客户端。
  • 输人网址 :htps://www.jd.com，打开页面，如图 所示：
    在这里插入图片描述
  • 使用 GET方法时、客户端也可以给服务器端发送参数，服务器端将根据参数返回客户端需要的数据。GET方法的请求参数和对应的值附加在URL后面,使用一个号“代表 URL的结尾与请求参数的开始，参数之间使用符号“&”连接，如图所示：
    在这里插入图片描述

🐤使用UI框架解释GET方式请求数据

  • 🦖GET表单代码
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <meta name="wechat-enable-text-zoom-em" content="true">
    <title>WeUI</title>
    <link rel="stylesheet" href="css/weui.css"/>
</head>
<body>
<form method="GET" action="ok.php">
	<div class="page" >
	  <div class="weui-form">
		<div class="weui-form__text-area">
		  <h2 class="weui-form__title">用户注册</h2>
		  
		<div class="weui-form__control-area">
		  <div class="weui-cells__group weui-cells__group_form">
		   
			<div class="weui-cells">
			  <label for="js_input1" class="weui-cell weui-cell_active">
				<div class="weui-cell__hd"><span class="weui-label">姓名</span></div>
				<div class="weui-cell__bd">
					<input name="uname" id="js_input1" class="weui-input" placeholder="填写本人姓名"/>
				</div>
			  </label>
			  <label for="js_input2" class="weui-cell weui-cell_active">
				<div class="weui-cell__hd"><span class="weui-label">邮箱</span></div>
				<div class="weui-cell__bd">
					<input name="emaile" id="js_input2" class="weui-input" placeholder="填写本人邮箱"/>
				</div>
			  </label>
			  <label for="js_input3" class="weui-cell weui-cell_active">
				<div class="weui-cell__hd"><span class="weui-label">手机</span></div>
				<div class="weui-cell__bd">
					<input name="tel" id="js_input3" class="weui-input" placeholder="填写绑定的电话号码" type="number" pattern="[0-9]*" />
				</div>
			  </label>
			  <label for="js_input3" class="weui-cell weui-cell_active">
			  				<div class="weui-cell__hd"><span class="weui-label">密码</span></div>
			  				<div class="weui-cell__bd">
			  					<input name="password" id="js_input3" class="weui-input" placeholder="请输入六位数的密码" type="password"  />
			  				</div>
			  </label>
			  <label for="js_input3" class="weui-cell weui-cell_active">
			  				<div class="weui-cell__hd"><span class="weui-label">确认密码</span></div>
			  				<div class="weui-cell__bd">
			  					<input name="password" id="js_input3" class="weui-input" placeholder="请再次输入六位数的密码" type="password" />
			  				</div>
			  </label>
			</div>
		  </div>
		</div>
		<div class="weui-form__tips-area">
		  <p class="weui-form__tips">  
		  </p>
		</div>
		<div class="weui-form__opr-area">
		<button type="submit"  class="weui-btn weui-btn_primary">注册</button>
		</div>
		<div class="weui-form__tips-area">
		  <p class="weui-form__tips">
		  </p>
		</div>
	  </div>
	  <div role="alert" id="js_toast" style="display: none;">
		  <div class="weui-mask_transparent"></div>
		  <div class="weui-toast">
			  <i class="weui-icon-success-no-circle weui-icon_toast"></i>
			  <p class="weui-toast__content">已完成</p>
		  </div>
	  </div>
	</div>
</form>

css样式部分可以去翻阅PHP程序开发的UI框架的使用部分

  • 🦖创建一个ok.php:
<?php 
//接收GET发送的数据
$data=$_GET;
var_dump($data);
print_r($data);
?>
  • 🦖 运行结果：
    在这里插入图片描述
  • 🦖GET接收的数据如下：
    在这里插入图片描述

🎶（2）POST方式的使用

🐤使用UI框架解释GET方式请求数据

  • 对于前面提到的不适合使用 GET方式的情况，可以考虑使用POST方法。POST方法将请求参数封装在HTTP请求数据中，以名称/值的形式出现，可以传输大量数据其中iput 中name 属性设置的值为名称。POST方法对传送的数据大小没有限制，而且参数也不会显示在URL中，私密性更好。将文件 GET表单代码复制粘贴一份，命名为POST.php，将表单method属性设置为POST。

  • 🦖 PSOT表单代码:

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <meta name="wechat-enable-text-zoom-em" content="true">
    <title>WeUI</title>
    <link rel="stylesheet" href="css/weui.css"/>
</head>
<body>
<form method="POST" action="ok.php">
	<div class="page" >
	  <div class="weui-form">
		<div class="weui-form__text-area">
		  <h2 class="weui-form__title">用户注册</h2>
		  
		<div class="weui-form__control-area">
		  <div class="weui-cells__group weui-cells__group_form">
		   
			<div class="weui-cells">
			  <label for="js_input1" class="weui-cell weui-cell_active">
				<div class="weui-cell__hd"><span class="weui-label">姓名</span></div>
				<div class="weui-cell__bd">
					<input name="uname" id="js_input1" class="weui-input" placeholder="填写本人姓名"/>
				</div>
			  </label>
			  <label for="js_input2" class="weui-cell weui-cell_active">
				<div class="weui-cell__hd"><span class="weui-label">邮箱</span></div>
				<div class="weui-cell__bd">
					<input name="emaile" id="js_input2" class="weui-input" placeholder="填写本人邮箱"/>
				</div>
			  </label>
			  <label for="js_input3" class="weui-cell weui-cell_active">
				<div class="weui-cell__hd"><span class="weui-label">手机</span></div>
				<div class="weui-cell__bd">
					<input name="tel" id="js_input3" class="weui-input" placeholder="填写绑定的电话号码" type="number" pattern="[0-9]*" />
				</div>
			  </label>
			  <label for="js_input3" class="weui-cell weui-cell_active">
			  				<div class="weui-cell__hd"><span class="weui-label">密码</span></div>
			  				<div class="weui-cell__bd">
			  					<input name="password" id="js_input3" class="weui-input" placeholder="请输入六位数的密码" type="password"  />
			  				</div>
			  </label>
			  <label for="js_input3" class="weui-cell weui-cell_active">
			  				<div class="weui-cell__hd"><span class="weui-label">确认密码</span></div>
			  				<div class="weui-cell__bd">
			  					<input name="password" id="js_input3" class="weui-input" placeholder="请再次输入六位数的密码" type="password" />
			  				</div>
			  </label>
			</div>
		  </div>
		</div>
		<div class="weui-form__tips-area">
		  <p class="weui-form__tips">  
		  </p>
		</div>
		<div class="weui-form__opr-area">
		<button type="submit"  class="weui-btn weui-btn_primary">注册</button>
		</div>
		<div class="weui-form__tips-area">
		  <p class="weui-form__tips">
		  </p>
		</div>
	  </div>
	  <div role="alert" id="js_toast" style="display: none;">
		  <div class="weui-mask_transparent"></div>
		  <div class="weui-toast">
			  <i class="weui-icon-success-no-circle weui-icon_toast"></i>
			  <p class="weui-toast__content">已完成</p>
		  </div>
	  </div>
	</div>
</form>
  • 创建一个ok.php:
<?php 
//接收POST发送的数据
$data=$_POST;
var_dump($data);
print_r($data);
?>

🦖运行结果的显示：
在这里插入图片描述与CET方法相同，在注册页面填写注册信息，提交表单，根据表单设置的PHP请求文件，将表单参数提交到POST.pp 中处理。此时，浏览器地址栏中的POST.php 后面不附带任何参数信息。POST.pp文件打印整个表单提交的参数和表单指定的参数

结束语🥇

以上就是PHP程序设计GET和POST的请求方法
持续更新PHP程序设计教程，欢迎大家订阅系列专栏🔥PHP程序开发你们的支持就是曼亿点创作的动力💖💖💖
请添加图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/504464.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

详解 Java多线程带来的的风险-线程安全

详解 Java多线程带来的的风险-线程安全

目录 一、什么是线程安全&#xff1f; 二、线程不安全的原因 1、线程调度是随机的 2、修改共享数据&#xff1a;多个线程修改同⼀个变量 3、原⼦性 ​编辑 &#xff08;1&#xff09;什么是原⼦性 &#xff08;2&#xff09;⼀条 java 语句不⼀定是原⼦的&#xff0c;也不⼀定…
阅读更多...
【转移表】

【转移表】

文章目录 一、函数指针数组1.什么事函数指针数组2.函数指针数组如何定义 二、转移表结束语 一、函数指针数组 1.什么事函数指针数组 在我们学习函数指针数组前&#xff0c;大家可以一起回顾一下我们以前学习的指针和数组。 数组指针 数组指针是指指向数组的指针。 int arr…
阅读更多...
每日五道java面试题之springboot篇（四）

每日五道java面试题之springboot篇（四）

目录&#xff1a; 第一题. Spring Boot 打成的 jar 和普通的 jar 有什么区别 ?第二题. 微服务中如何实现 session 共享 ?第三题. Spring Boot 中如何实现定时任务 ?第四题. 运行 Spring Boot 有哪几种方式&#xff1f;第五题. 开启 Spring Boot 特性有哪几种方式&#xff1f…
阅读更多...
MySQL - 高阶语句（一）

MySQL - 高阶语句（一）

先准备一张表 create table class1 (id int,name varchar(10) primary key not null ,score decimal(5,2),address varchar(20),hobbid int(5));insert into class1 values(1,liuyi,80,beijing,2); insert into class1 values(2,wangwu,90,shengzheng,2); insert into class1 …
阅读更多...
Linux是怎么发送一个网络包的？

Linux是怎么发送一个网络包的？

目录 摘要 1 从 send 开始 2 传输层 3 网络层 4 网络接口层 4.1 邻居子系统 4.2 网络设备子系统 4.3 软中断发送剩余的 skb 4.4 硬中断又触发软中断 总结 摘要 一个网络包的发送&#xff0c;始于应用层&#xff0c;经层层协议栈的封装&#xff0c;终于网卡。今天来循…
阅读更多...
【C语言】贪吃蛇【附源码】

【C语言】贪吃蛇【附源码】

欢迎来到英杰社区https://bbs.csdn.net/topics/617804998 一、游戏说明&#xff1a; 一个基于C语言链表开发的贪吃蛇游戏&#xff1a; 1. 按方向键上下左右&#xff0c;可以实现蛇移动方向的改变。 2. 短时间长按方向键上下左右其中之一&#xff0c;可实现蛇向该方向的短时间…
阅读更多...
AndroidStudio出现类似 Could not create task ‘:app:ToolOperatorDemo.main()‘. 错误

AndroidStudio出现类似 Could not create task ‘:app:ToolOperatorDemo.main()‘. 错误

先看我们的报错 翻译过来大概意思是:无法创建任务:app:ToolOperatorDemo.main()。 没有找到名称为“main”的源集。 解决方法&#xff1a; 在.idea文件夹下的gradle.xml文件中 <GradleProjectSettings>标签下添加<option name"delegatedBuild" value"f…
阅读更多...
指针强化练习(详解)

指针强化练习(详解)

更多学习内容 结构体内存对齐 和 位段-CSDN博客指针初级&#xff08;基础知识&#xff09;-CSDN博客指针进阶(深入理解)-CSDN博客 目录 1.sizeof与strlen的区别 2.一维数组 3.字符指针 4.二维数组 5.指针运算(笔试题) 6.函数指针 1.sizeof与strlen的区别 请思考以下运行结…
阅读更多...
IntelliJ IDEA 2023 for Mac 好用的Java开发工具

IntelliJ IDEA 2023 for Mac 好用的Java开发工具

IntelliJ IDEA 2023是一款由JetBrains开发的强大的集成开发环境&#xff08;IDE&#xff09;软件&#xff0c;适用于多个编程语言。它旨在提高开发人员的生产力和代码质量&#xff0c;具有以下多种特色功能&#xff1a; 软件下载&#xff1a;IntelliJ IDEA 2023 v2023.3.6中文激…
阅读更多...
mixly编译esp32程序缺失问题bits/c++config.h

mixly编译esp32程序缺失问题bits/c++config.h

错误信息&#xff1a; 编译中... 使用平台的 ‘esp32’ 开发板&#xff0c;在列出的文件夹中&#xff1a;D:\windowsoftInstalled\mixly\mixly2.0-win32-x64\arduino-cli\Arduino15\packages\esp32\hardware\esp32\2.0.7 使用平台的 ‘esp32’ 代码&#xff0c;在列出的文件夹…
阅读更多...
【MySQL】DQL-排序查询-语法＆排序方式＆注意事项＆可cv例题语句

【MySQL】DQL-排序查询-语法＆排序方式＆注意事项＆可cv例题语句

前言 大家好吖&#xff0c;欢迎来到 YY 滴MySQL系列 &#xff0c;热烈欢迎&#xff01; 本章主要内容面向接触过C Linux的老铁 主要内容含&#xff1a; 欢迎订阅 YY滴C专栏&#xff01;更多干货持续更新&#xff01;以下是传送门&#xff01; YY的《C》专栏YY的《C11》专栏YY的…
阅读更多...
使用python实现i茅台自动预约

使用python实现i茅台自动预约

使用python实现i茅台自动预约[仅限于学习，不可商用] 运行： 直接运行 imtApi.py 打包：切换到imt脚本目录，执行打包命令： pyinstaller --onefile imtApi.py这个应用程序可以帮助你进行茅台自动化配置。以下是一些使用说明： 平台注册账号(可用i茅台)不用登录，你可以进行…
阅读更多...
【数据分析面试】5.地址信息数据清洗合并 （Python）

【数据分析面试】5.地址信息数据清洗合并 （Python）

题目 有两个数据框。一个包含有关地址的信息&#xff0c;另一个包含了不同城市和州之间的关系。 示例&#xff1a; df_addresses address4860 Sunset Boulevard, San Francisco, 941053055 Paradise Lane, Salt Lake City, 84103682 Main Street, Detroit, 482049001 Casca…
阅读更多...
hackmyvm———Quick4之tar命令注入

hackmyvm———Quick4之tar命令注入

目录 1.信息收集 2.目录扫描 3.文件上传 ​4.提权 简介&#xff1a;HackMyVm是一个集合了大量靶机的平台&#xff0c;通过下载压缩包后导入Vm虚拟机来使用&#xff0c;推荐使用VirtualBox来导入加载漏洞虚拟机。类似于Vulnhub、HackTheBox&#xff0c;但是相比于Vulnhub而言…
阅读更多...
利用TensorRT在jetson orin 上加速YOLOv5

利用TensorRT在jetson orin 上加速YOLOv5

一、第一种方法&#xff0c;需要下载各种包&#xff1a; 要用到一个大佬的开源&#xff0c;GitHub地址如下&#xff1a; https://github.com/wang-xinyu/tensorrtx/tree/master/yolov51. 安装pycuda&#xff0c;在线安装pycuda pip3 install pycuda 或者&#xff1a; sudo…
阅读更多...
数据结构之单链表实现（JAVA语言+C语言）

数据结构之单链表实现（JAVA语言+C语言）

一、理论 1 单链表结构 2 增、删、查 、改思路 &#xff08;增&#xff09;直接添加放到最后即可。按顺序添加&#xff1a;找到要修改的节点的前一个节点&#xff0c;插入新节点&#xff08;&#xff09;。&#xff08;改&#xff09;要修改的节点修改内容即可。&#xff08;…
阅读更多...
STM32+ MAX30102通过指尖测量心率+血氧饱和度

STM32+ MAX30102通过指尖测量心率+血氧饱和度

一、前言 重要的事情放在最前面&#xff1a;max30102只适用于指尖手指测量&#xff0c;不适用与手腕手指测量&#xff0c;如需做成可穿戴样式选择传感器的小伙伴请pass掉他&#xff0c;因为他只有红光和红外2种光&#xff0c;不够充足的数据源去运算。 由于一些原因&#xff0c…
阅读更多...
阿基米德分牛问题及其Python求解

阿基米德分牛问题及其Python求解

文章目录 题目大意sympy求解结果 题目大意 问 太阳神有一牛群&#xff0c;由白、黑、花、棕四种颜色的公、母牛组成&#xff0c;其间关系如下&#xff0c;求每种牛的个数。 公牛中&#xff0c;白牛多于棕牛&#xff0c;二者之差为黑牛的 1 2 1 3 \frac{1}{2}\frac{1}{3} 21​…
阅读更多...
排序——交换排序（冒泡排序与快速排序）

排序——交换排序（冒泡排序与快速排序）

本专栏和大家分享关于排序的算法,其中有插入排&#xff08;直接插入排序和希尔排序&#xff09;、选择排序&#xff08;直接选择排序和堆排&#xff09;、交换排序&#xff08;冒泡排序和快速排序&#xff09;、归并排序以及其他非基于比较的排序 本文与大家分享交换排序 目录 …
阅读更多...
SAP FICO 银企直联

SAP FICO 银企直联

银企直联是指企业通过互联网或专线连接的方式&#xff0c;使企业的SAP系统与商业银行的业务系统通过特定的数据接口实现连接&#xff0c;在SAP系统中可以直接查询银行账户的余额和明细&#xff0c;实现付款、银企对账、自动出具余额调节表等功能。 在这主要介绍SAP相关CALLSS配…
阅读更多...
最新文章

Copyright @ 2022~2023