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

news2024/10/5 13:42:37

在这里插入图片描述


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

👨‍💻 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程序开发你们的支持就是曼亿点创作的动力💖💖💖
请添加图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

VIVADO IBERT学习

V7的IBERT可以用来测试误码&#xff0c;但是使用中有诸多限制&#xff0c;例化工程测试下效果。 1.IP中例化一个IBERT 2.QUAD代表包含几个4lane的PLL&#xff0c;因为QPLL下面挂4个lane&#xff0c;一个bank包含4条&#xff0c;所以就是bank数量。如果协议层例化为2个&#x…

SQLite版本3中的文件锁定和并发(七)

返回&#xff1a;SQLite—系列文章目录 上一篇&#xff1a;自己编译SQLite或将SQLite移植到新的操作系统&#xff08;六&#xff09; 下一篇&#xff1a;SQLite—系列文章目录 正文&#xff1a; 1.0 SQLite 版本 3 中的文件锁定和并发 SQLite 版本 3.0.0 引入了新的锁…

MySQL(常用函数、多表查询)

文章目录 1.数据库函数1.count函数案例答案count&#xff08;*&#xff09;与count&#xff08;列&#xff09;的区别 2.sum函数案例答案 3.avg函数案例答案 4.max/min函数案例答案 5.group by 分组统计案例答案 6.字符串相关函数演示练习 7.数学相关函数演示 8.日期相关函数演…

基于java+springboot+vue实现的付费自习室管理系统(文末源码+Lw+ppt)23-400

摘 要 付费自习室管理系统采用B/S架构&#xff0c;数据库是MySQL。网站的搭建与开发采用了先进的java进行编写&#xff0c;使用了springboot框架。该系统从两个对象&#xff1a;由管理员和用户来对系统进行设计构建。主要功能包括&#xff1a;个人信息修改&#xff0c;对用户…

Chatopera 云服务的智能问答引擎实现原理,如何融合 #聊天机器人 技术 #Chatbot #AI #NLP

观看视频 Bilibili: https://www.bilibili.com/video/BV1pZ421q7EH/YouTube: https://www.youtube.com/watch?vx0d1_0HQa8o 内容大纲 提前在浏览器打开网址&#xff1a; Chatopera 云服务&#xff1a;https://bot.chatopera.comChatopera 入门教程&#xff1a;https://dwz…

武汉星起航:发挥亚马逊平台优势,助力合作伙伴带来成功和机遇

在数字化浪潮席卷全球的今天&#xff0c;跨境电商已成为连接全球市场的桥梁和纽带。亚马逊平台作为全球最大的电商平台之一&#xff0c;以其丰富的商品类别、强大的营销工具和精准的数据分析功能&#xff0c;为卖家提供了广阔的商业空间。在这个充满机遇和挑战的市场背景下&…

【C语言】自定义类型:联合体和枚举

1. 联合体 1.1 联合体的特点 像结构体⼀样&#xff0c;联合体也是由⼀个或者多个成员构成&#xff0c;这些成员可以不同的类型。 但是编译器只为最⼤的成员分配⾜够的内存空间。联合体的特点是所有成员共⽤同⼀块内存空间所以联合体也叫&#xff1a;共⽤体。 union Un {char…

代码随想录第二十三天|● 669. ● 108. ● 538. ● 总结篇

669. 修剪二叉搜索树 给你二叉搜索树的根节点 root &#xff0c;同时给定最小边界low 和最大边界 high。通过修剪二叉搜索树&#xff0c;使得所有节点的值在[low, high]中。修剪树 不应该 改变保留在树中的元素的相对结构 (即&#xff0c;如果没有被移除&#xff0c;原有的父代…

Trimble Business Center 2023.11crack 一机一码

1.整体解决方案套件&#xff1a;TBC 不仅仅是基线处理。它提供了一整套 GNSS 数据处理工具。无论是地形数据、卫星图像还是复杂的地理空间计算&#xff0c;TBC 都能满足。这种集成方法消除了对多个软件的需求&#xff0c;使流程更加高效。 2.以用户为中心的设计理念&#xff1a…

pytest--python的一种测试框架--pytest常用断言类型

一、pytest常用断言类型 等于: 不等于&#xff1a;&#xff01; 大于&#xff1a;> 小于&#xff1a;< 属于&#xff1a;in 不属于&#xff1a;not in 大于等于&#xff1a;> 小于等于&#xff1a;< 是&#xff1a;is 不是&#xff1a;is not def test_two():ass…

自用Proteus(8.15)仿真下载安装过程(附详细安装过程图)

文章目录 一、前言二、软件下载三、安装过程1.软件下载完成&#xff0c;进行解压缩2.右键点击Setup&#xff0c;以管理员身份运行3.点击Next&#xff0c;进行下一步4.勾选I accept...&#xff0c;点击Next5.选择使用本地安装的许可秘钥6.点击Next&#xff0c;进行下一步7.无需勾…

CSS使用clip-path实现元素动画

前言&#xff1a; 在日常开发当中&#xff0c;如果想要开发多边形&#xff0c;一般都需要多个盒子或者伪元素的帮助&#xff0c;有没有一直办法能只使用一个盒子实现呢&#xff1f; 有的&#xff1a;css裁剪 目录 前言&#xff1a; clip-path到底是什么&#xff1f; clip-pa…

读所罗门的密码笔记06_共生思想(上)

1. 共生思想 1.1. 1997年5月11日&#xff0c;IBM公司的“深蓝”计算机在与国际象棋世界冠军加里卡斯帕罗夫的第二次对弈时击败了他 1.1.1. 这台超级计算机以3.5∶2.5的战绩胜出&#xff0c;登上了世界各地的新闻头条 1.2. Alpha Zero 1.2.…

赋值语句还能当判断条件?涨芝士了!

赋值和条件看似是C语言中毫不相关的两个概念&#xff0c;虽然实际过程中我猜测不会有太多这种不太符合常理的情况出现&#xff0c;但是现在在学习的过程中&#xff0c;为了出题而出题总是会整出一些花活出来.....这很难不让人联想起高中时一些大佬为了彰显自己的数学天赋而自己…

代码学习第32天---动态规划

随想录日记part32 t i m e &#xff1a; time&#xff1a; time&#xff1a; 2024.03.30 主要内容&#xff1a;今天开始要学习动态规划的相关知识了&#xff0c;今天的内容主要涉及两个方面&#xff1a; 不同路径 &#xff1b; 不同路径 II。 62.不同路径 63. 不同路径 II 动态…

Linux学习之软硬链接及动静态库

前言&#xff1a;在之前的文章http://t.csdnimg.cn/Lru5Thttp://t.csdnimg.cn/Lru5T 我们已经对Linux 系统里面的文件具有一定的理解了&#xff0c;现在我们将继续学习Linux里面的软硬连接和动静态库&#xff0c;这些是Linux里面的一些重要内容。 目录 一&#xff0c;文件管…

基于Givens旋转完成QR分解进而求解实矩阵的逆矩阵

基于Givens旋转完成QR分解进而求解实矩阵的逆矩阵 目录 前言 一、Givens旋转简介 二、Givens旋转解释 三、Givens旋转进行QR分解 四、Givens旋转进行QR分解数值计算例子 五、求逆矩阵 六、MATLAB仿真 七、参考资料 总结 前言 在进行QR分解时&#xff0c;HouseHolder变换…

【opencv】教程代码 —features2D(5)旋转相机的基本全景拼接

基本全景拼接 panorama_stitching_rotating_camera.cpp 将第二张图像进行透视变换后与第一张图像拼接 #include <iostream> // 包含了一些用于输入输出的函数 #include <opencv2/core.hpp> // 包含了OpenCV核心库的一些常用类和函数 #include <opencv2/imgpro…

[leetcode] 46. 全排列

文章目录 题目描述解题方法dfsjava代码复杂度分析 相似题目 题目描述 给定一个不含重复数字的数组 nums &#xff0c;返回其 所有可能的全排列 。你可以 按任意顺序 返回答案。 示例 1&#xff1a; 输入&#xff1a;nums [1,2,3] 输出&#xff1a;[[1,2,3],[1,3,2],[2,1,3]…

实验三智能手机互联网程序设计(微信程序方向)实验报告

实验目的和要求 请编写下方商品列表页面&#xff0c;展示商品名称和价格&#xff1b; 二、实验步骤与结果&#xff08;给出对应的代码或运行结果截图&#xff09; Index.WXML <view class"shop" wx:for"{{10}}"> <vie…