先后端开发（2）：浏览器与PHP程序的交互

时间 2019-12-11

标签后端开发浏览器 php 程序交互栏目浏览器繁體版

原文原文链接

上一节介绍怎么在mac电脑上启用PHP程序，而且演示了一个简单的例子，这个例子运行时，涉及了浏览器、apache以及PHP程序的交互，这三者的关系大概是这样的：
php

通常来讲，浏览器（或者相似功能的程序）给apache（或者其它服务器）发送的数据称做“表单”，表单就至关一个“界面”，小程以为从“界面”入手去理解交互的流程是一个可行的办法。html

本文介绍如何提交一个表单，以及引起的相应交互。 那么，在浏览器上点击一个“按钮”，会引起什么样的交互行为呢？apache

（一）交互一，浏览器给apache发送数据

浏览器以表单的形式给apache发送数据。浏览器

表单的标签是：服务器

，好比下面一个html页面，留意里面

标签的内容：

<html>
<meta charset="utf-8">
<body>
<form action="login.php" method="post">
昵称：<input type="text" name="name">
口号：<input type="text" name="slogan">
<input type="submit" value="提交">
</form>
</body>
</html>

html页面（至关于总体的界面），包括中的内容，由浏览器来解析。好比上面的这个html页面，解析后的样子是这样的：
post

能够看到，有两个文本输入框，还有一个提交按钮。url

若是浏览器只作解析显示的工做，那就没有apache跟PHP程序什么事情了。实际上，浏览器常常要把数据发送给apache，而发送的数据就是标签（即表单）的数据。code

表单数据，能够在标签中找到，其中能够包括按钮、下拉菜单、文本输入框等等元素。好比上面那个表单：
orm

注意，上面的表单，还把PHP代码文件发给了apache，若是项目目录（默认是/Library/WebServer/Documents）下面没有这个php文件，那么在点击提交按钮后，会看到这样的提示：
htm

那么，发送的时机是什么？即浏览器在何时发送表单数据给apache？

在点击“submit”类型的按钮的时候触发发送。若是没有submit按钮，则须要经过js主动触发表单的submit事件。

另外，在发送的method上，区分为get与post方式。

get方法，表单的全部信息都出如今请求的url中（在地址栏上能够看到），对于长度也有限制。好比，这样的get请求：

http://localhost/formtest.html?name=abc&slogan=hello+world

其中name与slogan是键（key），而abc与hello world是对应的值（value），表单的数据就是键值对的集合。

post方法，请求时不会显示表单的任何数据，对于长度限制也很弱。

（二）交互二，PHP代码访问表单的内容

表单中能够指定把项目目录中的php文件的内容（或者当前的脚本--好比既有表单又有php代码）提交给apache。apache在拿到php代码后，会交由PHP程序来处理，而这些php代码极可能须要访问表单的内容，好比login.php代码中，须要访问表单中的文本框的内容，那如何访问呢？

表单的内容（键值对的集合），会保存在$_GET变量（get方法时）或$_POST变量（post方法时）中，这个在apache调用PHP程序时就初始化好。

因此，PHP代码能够经过访问$_GET或$_POST变量来访问表单的内容。

好比，login.php的代码能够这样写：

<meta charset="utf-8">
你好，<?php echo $_GET["name"]; ?>! <br>
你的口号是：<?php echo $_GET["slogan"];?> !

再次提交这个表单时，在浏览器上能够看到这样的提示：

明显，还要区分是用$_GET仍是$_POST是麻烦的，这时，可使用$_REQUEST变量来访问，$_REQUEST对于get或post方式都适用。

应该留意到，PHP程序解析出结果后，把结果返回给apache，apache返回html页面给浏览器，最终浏览器显示结果。

总结一下，本文从一个简单表单请求的例子入手，介绍了表单的概念，以及请求过程当中涉及到的两个重要的交互，并引出了_REQUEST等变量的使用。