您的位置：首页 > 编程技术 > php  >  结合AJAX进行PHP开发之入门（二）

结合AJAX进行PHP开发之入门（二）

 更新时间：2016年11月25日 16:13  点击：1307

导航的实现

　　虽然表格列出了目录中的一些图像，但用户还需要一种查看表格中未出现的图片的方法。要真正实现分页器的导行，则需要一套标准的链接：首页、上一页、下一页和尾页。

　　清单 3. 分页器导航

// Append navigation
$output = '<h4>Showing items ' . $limit_start . '-' .
min($limit_start $limit_step - 1, count($images)) .
' of ' . count($images) . '<br />';

$prev_start = max(0, $limit_start - $limit_step);
if ( $limit_start > 0 ) {
　$output .= get_table_link('<<', 0, $limit_step);
　$output .= ' | ' . get_table_link('Prev',
　$prev_start, $limit_step);
} else {
　$output .= '<< | Prev';
}

// Append next button
$next_start = min($limit_start $limit_step, count($images));
if ( $limit_start $limit_step < count($images) ) {
　$output .= ' | ' . get_table_link('Next',$next_start, $limit_step);
　$output .= ' | ' . get_table_link('>>',(count($images) - $limit_step), $limit_step);
} else {
　$output .= ' | Next | >>';
}

$output .= '</h4>';

　　最后还要编写 get_image_link() 和 get_table_link() 函数，让用户将缩略图展开成完整的图像（参见清单 4）。注重，脚本 index.php（以及后面要创建的 expand.php）只在这两个函数中调用。这样就很轻易改变链接的功能。事实上在下面与 Sajax 进行集成时，只有这两个函数需要修改。

　　清单 4. get_image_link、get_table_link 实现

function get_table_link ( $title, $start, $step ) {
　$link = "index.php?start=$start&step=$step";
　return '<a href="' . $link . '">' . $title .'</a>';
}

function get_image_link ( $title, $index ) {
　$link = "expand.php?index=$index";
　return '<a href="' . $link . '">' . $title . '</a>';
}

　　放大图片

　　现在有了一个可用的分页器为用户提供一些缩略图。相册的第二项功能是答应用户单击缩略图来查看全图。get_image_link() 函数调用了 expand.php 脚本，我们现在就来编写它。该脚本传递用户希望展开的文件的索引，因此必须在此列出目录并获得适当的文件名。随后的操作就很简单了，只需创建病输出 image 标记即可。

　　清单 5. get_image 函数

function get_image ( $index ) {
　$images = get_image_list ( 'images' );

　// Generate navigation

　$output .= '<img src="images/' . $images[$index] . '" />';
　return $output;
}

在开发PHP应用中假如不想自己开发新的加密算法，还可以利用PHP提供的crypt()函数来完成单向加密功能。

　　了解crypt()

　　只要有一点使用非Windows平台经验的读者都可能对crypt()相当熟悉，这一函数完成被称作单向加密的功能，它可以加密一些明码，但不能反过来将密码重新转换为原来的明码。crypt()函数定义如下。

　　string crypt (string input_string [, string salt])

　　其中，input_string参数是需要加密的明文字符串，第二个可选的salt是一个位字串，能够影响加密的暗码，进一步排除被破解的可能性。缺省情况下，PHP使用一个2个字符的DES干扰串，假如系统使用的是MD5(参考下一节内容)，PHP则会使用一个12个字符的干扰串。可以通过执行下面的命令发现系统将要使用的干扰串的长度。

　　print "My system salt size is: ". CRYPT_SALT_LENGTH;

　　crypt()支持4种加密算法，表19.1显示了其支持的算法和相应的salt参数的长度。

　　表crypt()支持四种加密算法

算法 Salt长度
CRYPT_STD_DES 2-character (Default)
CRYPT_EXT_DES 9-character
CRYPT_MD5 12-character beginning with $1$
CRYPT_BLOWFISH 16-character beginning with $2$

　　从表面上看，crypt()的函数似乎没有什么用处，但该函数的确被广泛用来保证系统密码的完整性。因为，单向加密的口令即使落入第三方的手里，由于不能被还原为明文，也没有什么大用处。

　　用crypt()实现用户身份验证

　　上一部分简单介绍了crypt()函数的功能，下面利用其来实现用户的身份验证，其所要实现的目标同19.2.3节所介绍的一致。

1 <!--check_user_crypt.php:使用crypt() 函数验证用户---------------->
2 <?php
3 $user_name=$_POST["user_name"];
4 require_once("sys_conf.inc"); //系统配置文件，包含数据库配置信息
5
6 //连接数据库
7 $link_id=mysql_connect($DBHOST,$DBUSER,$DBPWD);
8 mysql_select_db($DBNAME); //选择数据库my_chat
9
10 //查询是否存在登录用户信息
11 $str="select name,password from user where name ='$user_name'";
12 $result=mysql_query($str,$link_id); //执行查询
13 @$rows=mysql_num_rows($result); //取得查询结果的记录笔数
14 $user_name=$_SESSION["user_name"];
15 $password=$_POST["password"];

想象使用一个简单HTML文件来把一个请求发送到一个服务器端脚本，收到一个基于该请求的定制XML文件，然后把它显示给用户而几乎不需要刷新浏览器！本文作者将同你一起探讨怎样在普通Web应用程序中联合PHP和AJAX技术来创建实时的数据传输而不需要进行浏览器刷新。

　　尽管本文所使用的是PHP语言，但是请记住任何服务器端语言都会正常工作。为了理解本文，我假定你基本理解JavaScript和PHP或一类似服务器端语言。

　　本文示例使用AJAX来把一请求从一个RSS馈送发送到一定制的PHP对象。该PHP对象复制一份在本地服务器上的该馈送并返回这一路径。该请求对象收到这一路径，分析它，并且把数据以HTML形式显示给用户。这听起来涉及很多步骤，其实它仅由4个小文件组成。之所以使用了4个小文件，是为了平衡它们各自特定的力量而使整个系统的处理极富效率性。

　　我想，有些读者可能会问，为什么你要创建在本地服务器上的馈送的一个副本而不是简单分析最原始的馈送。原因是，这样以来可以答应绕过XML HTTP Request对象所强加的跨域限制。后面，我还会解释怎样创建这个定制的PHP对象；但是首先，让我们从表单创建开始。

　　创建发出请求的表单
　
　　你要做的第一事情是，在你的HTML的head标签之间包括你可能想使用的JavaScript和任何CSS文件。我包括了一个式样表来实现该聚合器的最后布局并用一个JavaScript文件来发出请求和进行馈送分析：

<link href="css/layout.css" rel="stylesheet" type="text/css" />
<script src="js/request.js"></script>

　　下一步，创建一个表单，它针对你所选择的一个RSS馈送发出请求。我创建的表单只包括一个输入字段和一个提交该请求的按钮。该请求的查询是一个字符串，它由馈送输入值和一个将在服务器端被校验的口令字组成；作为一个示例，我使用了下面形式：

"password=mypassword

　　该代码在每次页面加载之时发出一次请求；因此，假如页面被刷新，现有的在该输入域中的馈送串将在页面加载时被请求。下面是一个表单数据的示例，连同一些div标签用来显示已分析的馈送的特定结点：

<body onload="javascript:makeRequest('request.php?request=' document.feedForm.feed.value '"password=mypassword');">
<form name="feedForm" method="post" action="javascript:makeRequest('request.php?request=' document.feedForm.feed.value '"password=mypassword');">
Enter a feed: <input type="text" name="feed" id="feed" size="20">
<input type="submit" name="submit" value="Add Feed">
</form>
<div id="logo"></div>
<hr/>
<div id="copy"></div>
<div id="details"></div>
</body>


　　我所创建的这三个div标签是logo，copy和details，其中每一个都在布局样式表中有一个与之相关联的样式。当我们分析馈送时将会用到它们，但是我们首先需要能够存取我们所请求的馈送。这可以使用我前面所提到的PHP对象来完成。

MySQL并发能力强、响应速度快，是性能优异的数据库软件；PHP是功能强大的服务器端脚本语言。笔者在山西铝厂网站开发中，采用PHP4.0 MySQL3.23.38建立了多种应用。下面，以一个简单的聊天室设计为例，介绍PHP MySQL在网页开发中的应用。

　　1、总体设计

　　1.1 构思与规划：

　　聊天室的基本原理，就是把每个连上同一网页的用户传送的发言数据储存起来，然后将所有的发言数据传给每一用户。也就是说，用数据库汇集每个人的发言，并将数据库中的数据传给每一个人就实现了聊天室的功能。

　　1.2 表设计

　　首先使用MySQL建立表chat用来储存用户的发言：

mysql> CREATE TABLE chat
-> (chtime DATATIME,
-> nick CHAR(10) NOT NULL,
->words CHAR(150));

　　表中只设定了三个域，chtime是发言的时间，nick为发言者的昵称，words是发言的内容，发言最多150个字符

　　1.3 网页设计

　　一个最简单的聊天室通常需要两个页框：一个页框是用户输入发言的表单，另一个用来显示大家的发言。所以代码段通常至少需要如下几段：

　　建立页框的结构(main.php)

　　显示大家发言的程序段(cdisplay.php)

　　传送用户发言的程序段(speak.php)

　　用户登录进入聊天室程序段(login.php)

　　2、代码设计

　　以上规划完成后，就可以着手代码设计了，采用php可以非常简明实现以上的功能。

　　2.1 用户登录login.php,本段代码是一个完全HTML网页

<html>
<head>
　<title>用户登录</title>
</head>
<body>请输入您的昵称<br>
<form action=”main.php” method=”post” target=”_self”>
　<input type=”text” name=”nick” cols=”20”>
　<input type=”submit” value=”登录”>
</body>
</html>

　　用户提交自己的昵称后，就进入到聊天室，以下的处理交由main.php处理。

　　2.2 页框主体代码段main.php:

<?
　setcookie(“nick”,$nick) //用cookie记录用户昵称,是常用的传递变量方法
?>

<html>
<title>山西铝厂聊天室试用版ver1.0</title>
<frameset rows=”80%,*”>
<frame src=” cdisplay.php” name=”chatdisplay”>
<frame src=”speak.php” name=”speak”>
</frameset>
</html>

在你的程序初始化时使用如下代码：
<?php
$Php2Html_FileUrl = $_SERVER["REQUEST_URI"];
$Php2Html_UrlString = str_replace("/", "", strrchr($Php2Html_FileUrl, "/"));
$Php2Html_UrlQueryStrList = explode("@", $Php2Html_UrlString);
foreach($Php2Html_UrlQueryStrList as $Php2Html_UrlQueryStr)
{
$Php2Html_TmpArray = explode("|", $Php2Html_UrlQueryStr);
$_GET[$Php2Html_TmpArray[0]] = $Php2Html_TmpArray[1];
}
echo '假静态：$_GET变量<br />';
print_r($_GET);
?>
然后php中调用$_GET变量就像平常一样了。
连接使用方式：
****.php/param1|1234@param2|4321
和****.php?param1=1234&param2=4321一样。

[!--infotagslink--]

相关文章

  • 轻松学习C#的基础入门

    轻松学习C#的基础入门，了解C#最基本的知识点，C#是一种简洁的，类型安全的一种完全面向对象的开发语言，是Microsoft专门基于.NET Framework平台开发的而量身定做的高级程序设计语言，需要的朋友可以参考下...2020-06-25

  • photoshop画斜线/直线/虚线的入门级教程

    这篇文章算是超级入门级别的了，我们下面来给各位介绍在photoshop画斜线/直线/虚线的教程了，希望下面这篇文章给你入门来帮助。 PS怎么画斜线 选择铅笔工具，或者画笔...2016-09-14

  • vue.js 表格分页ajax 异步加载数据

    Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.这篇文章主要介绍了vue.js 表格分页ajax 异步加载数据的相关资料,需要的朋友可以参考下...2016-10-20

  • jquery Ajax实现Select动态添加数据

    这篇文章主要为大家详细介绍了jquery Ajax实现Select动态添加数据的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2017-06-15

  • vscode搭建STM32开发环境的详细过程

    这篇文章主要介绍了vscode搭建STM32开发环境的详细过程,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2021-05-02

  • JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法

    这篇文章主要介绍了JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法,涉及JavaScript页面元素定时滚动操作及ajax调用实现技巧,需要的朋友可以参考下...2016-04-19

  • jQuery+ajax简单实现文件上传的方法

    这篇文章主要介绍了jQuery+ajax简单实现文件上传的方法,结合实例形式简单分析了jQuery基于ajax的post方法进行文件传输及asp.net后台处理技巧,需要的朋友可以参考下...2016-06-12

  • 安卓开发之Intent传递Object与List教程

    下面我们一起来看一篇关于　安卓开发之Intent传递Object与List的例子，希望这个例子能够为各位同学带来帮助。 Intent 不仅可以传单个的值，也可以传对象与数据集合...2016-09-20

  • php微信公众账号开发之五个坑（二）

    这篇文章主要为大家详细介绍了php微信公众账号开发之五个坑,具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2016-10-02

  • 20分钟MySQL基础入门

    这篇文章主要为大家分享了20分钟MySQL基础入门教程，快速掌握MySQL基础知识，真正了解MySQL，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2016-12-02

  • 微信开发生成带参数的二维码的讲解

    在微信公众号平台开发者那里，在“账号管理”那里，有一项功能是“生成带参数的二维码”，通过这儿生成的二维码，只要通过微信扫一扫之后，会把事件自动推送到微...2016-05-19

  • js实现ajax的用户简单登入功能

    这篇文章主要为大家详细介绍了js实现ajax的用户简单登入功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-06-19

  • 如何设计一个安全的API接口详解

    在日常开发中,总会接触到各种接口,前后端数据传输接口,第三方业务平台接口,下面这篇文章主要给大家介绍了关于如何设计一个安全的API接口的相关资料,需要的朋友可以参考下...2021-08-12

  • PHP+jQuery+Ajax实现多图片上传效果

    今天我给大家分享的是在不刷新页面的前提下，使用PHP+jQuery+Ajax实现多图片上传的效果。用户只需要点击选择要上传的图片，然后图片自动上传到服务器上并展示在页面上。...2015-03-15

  • react hooks入门详细教程

    这篇文章主要介绍了react hooks入门详细教程,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2021-04-06

  • Bootstrap进度条与AJAX后端数据传递结合使用实例详解

    这篇文章主要介绍了Bootstrap进度条与AJAX后端数据传递结合使用,需要的朋友可以参考下...2017-04-27

  • jQuery UI结合Ajax创建可定制的Web界面

    这篇文章主要为大家详细介绍了jQuery UI结合Ajax创建可定制的Web界面，如何利用Ajax和jQuery UI创建具有各种定制功能的高度可定制的UI，感兴趣的小伙伴们可以参考一下...2016-06-24

  • jquery ajax局部加载方法详解(实现代码)

    下面想就为大家带来一篇jquery ajax局部加载方法详解(实现代码)。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧...2016-05-14

  • jQuery中通过ajax的get()函数读取页面的方法

    这篇文章主要介绍了jQuery中通过ajax的get()函数读取页面的方法,需要的朋友可以参考下...2016-03-01

  • jquery+Ajax实现简单分页条效果

    这篇文章主要为大家详细介绍了jquery+Ajax实现简单分页条效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-06-17