前端网页是怎么跟后台进行数据交互的

本期需要用到的前面几期所讲过的内容:

这里是 PHP 网站开发的第三个阶段,也就是前端 HTML 及 CSS 所制作的网页是如何跟 PHP 后台代码进行交互的。

向后台提交数据

前端网页代码:

留言本

.wrap

.add

.add .content

.add .user

.add .btn

.msg

.msg .info

.msg .user

.msg .time

.msg .contet

后端 PHP 文件代码:

$content = $_POST['content'];

$user = $_POST['user'];

var_dump( $content,$user );

效果:

点击 “发表留言” 后就可以看到效果〜

对留言内容进行检查

后端 PHP 文件代码:

$content = $_POST['content'];

$user = $_POST['user'];

//禁止使用的用户名

$n = [

'张三',

'李四',

'王五',

];

foreach ($n as $name) {

if ( $user == $name ) {

die("禁止使用的用户名");

}

}

//判断留言是否为空

if ( $content == '') {

die("留言内容不能为空");

}

if ( $user == '') {

die("留言人不能为空");

}

var_dump( $content,$user );

效果:

可以看到当我们输入 “张三” ,也就是禁止使用的用户名,点击发表留言后会弹出 “禁止使用的用户名”:

对留言内容的处理进行封装

这里只是把上面 “对留言内容进行检查” 里面的代码进行函数封装,从而实现一次封装多次调用的效果。

后端 PHP 文件代码:

$content = $_POST['content'];

$user = $_POST['user'];

//定义函数,对数据进行检查

function post( $content ){

if ( $content == '') {

return false;

}

//禁止使用的用户名

$n = ['张三','李四','王五'];

foreach( $n as $name ){

if ($content== $name ) {

return false;

}

}

return true;

}

//调用函数,检查留言内容

$is = post( $content );

if ( $is == false ) {

die('留言内容不能为空');

}

//调用函数,检查留言人

$is = post( $user );

if ( $is == 张三 ) {

die('用户名输入不正确');

}

var_dump( $content,$user );

这里在浏览器里输出的效果跟上面 “对留言内容进行检查” 的效果是一样的。

对函数进一步进行封装

$content = $_POST['content'];

$user = $_POST['user'];

//定义类

class input{

//定义函数,对数据进行检查

function post( $content ){

if ( $content == '') {

return false; }

//禁止使用的用户名

$n = [ '张三', '李四', '王五' ];

foreach( $n as $name ){

if ( $content == $name ) {

return false;

}

}

return true;

}

}

//实例化类

$input = new input();

//调用函数。检查留言内容

$is =$input->post( $content );

if ( $is == false ) {

die('留言内容不能为空');

}

//调用函数,检查留言人

$is =$input->post( $user );

if ( $is == false ) {

die('用户名输入不正确');

}

var_dump( $content,$user );//输出

我们随便在浏览器的对话框输入一些内容:

点击发表留言后浏览器输出:

我们也可以把它拆成两个 PHP 文件:

代码 1:

//定义类

class input{

//定义函数,对数据进行检查

function post( $content ){

if ( $content == '') {

return false; }

//禁止使用的用户名

$n = [ '张三', '李四', '王五' ];

foreach( $n as $name ){

if ( $content == $name ) {

return false;

}

}

return true;

}

}

我们把它保存为 input.php 文件,跟save.php文件放在同一目录。

代码 2:

include('input.php');//用include语法包含iput.php文件

$content = $_POST['content'];

$user = $_POST['user'];

//实例化类

$input = new input();

//调用函数。检查留言内容

$is =$input->post($content );

if ( $is == false ) {

die('留言内容不能为空');

}

//调用函数,检查留言人

$is= $input->post( $user );

if ( $is == false ) {

die('用户名输入不正确');

}

var_dump( $content,$user );//输出

最终浏览器输出的内容跟之前输出的是一样的。

This is not the end.

It is not even the beginning of the end.

But it is,

perhaps,the end of the beginning.

更多分享

三小时学会 HTML 网页编辑

三小时学会 CSS 网页美化

PHP 网站开发

效率工具

小众电影

小程序开发

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180603A07LZR00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码关注腾讯云开发者

领取腾讯云代金券