超级会员免费看
深入探究JSON、AJAX、PHP资源及正则表达式
1. JSON与AJAX在绘图网格中的应用
在网页开发中，异步Web请求能打造出更丰富、响应更及时且更具趣味性的网站。这得益于在客户端和服务器端点之间引入了一个中间层——Ajax引擎，它减少了更新浏览器显示所需的服务器请求，并且在服务器和客户端之间传输数据时实现了非阻塞调用。
为了保存Ajax所做的更改，可以使用PHP将数据写入数据库、
$_SESSION
或文件中。在示例里，我们选择使用物理文件来保存数据。为避免每次像素更改都保存数据（这会导致速度缓慢且资源消耗大），可以添加一个保存按钮，让用户主动请求保存。还可以记录每次保存之间的更改次数，每100次左右的更改进行一次自动保存，以保护用户数据。此外，添加一个“清除”按钮可以将网格重置为透明、未修改的状态，并截断保存的数据文件。
以下是用于显示绘图网格并向PHP脚本发起Ajax调用的HTML代码：
<html>
<head>
<title>Drawing Grid Example</title>
<style type="text/css">
#grid, #palette{
padding: 0px;
margin: 0px;
border-collapse: collapse;
}
#palette td, #grid td{
width: 20px;
height: 20px;
}
#grid td{
border: 1px solid #cccccc;
}
</style>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" >
</script>
<script type="text/javascript">
$(document).ready(function() {
//10 by 10 grid
for(i=0; i<10; ++i){
$("#grid").append(
"<tr>" +
"<td> </td>" +
"<td> </td>" +
"<td> </td>" +
"<td> </td>" +
"<td> </td>" +
"<td> </td>" +
"<td> </td>" +
"<td> </td>" +
"<td> </td>" +
"<td> </td>" +
"</tr>"
);
}
$.getJSON("load_drawing.php", function(data){
$("#grid td").each(function(index){
$(this).css("background-color", data[index]);
});
});
var active_color = "rgb(0, 0, 0)";
$("#palette td").each(
function( index ){
//bind the onClick event
$( this ).bind (
"click",
function(){
active_color = $(this).css("background-color");
$("#debug_palette_color").html("active palette color is: " +
"<span style='width: 20px; height: 20px; background-color:"
+ active_color
+ ";'>" + active_color + "</span>");
}
);
});
$("#grid td").each(
function( index ){
//bind the onClick event
$( this ).bind (
"click",
function(){
$(this).css("background-color", active_color);
}
);
});
$("#clear").click(function(){
$("#grid td").css("background-color", "transparent");
});
$("#save").click(function(){
var colorsAsJson = new Object();
var i=0;
$("#grid td").each(function() {
colorsAsJson[i] = $(this).css("background-color");
++i;
});
$.ajax(
{
type: "post",
url: "save_drawing.php",
dataType: "text",
data: colorsAsJson,
success: function(data) {
$("#debug_message").html("saved image");
},
failure: function(){
$("#debug_message").html(
"An error has occured trying to save the image");
}
});
});
});
</script>
</head>
<body>
<p><strong>Palette</strong></p>
<table id="palette">
<tr>
<td style="background-color: rgb(0, 0, 0);"> </td>
<td style="background-color: rgb(119, 119, 119);"> </td>
<td style="background-color: rgb(255, 255, 255);"> </td>
<td style="background-color: rgb(255, 0, 0);"> </td>
<td style="background-color: rgb(0, 255, 0);"> </td>
<td style="background-color: rgb(0, 0, 255);"> </td>
<td style="background-color: rgb(255, 255, 0);"> </td>
</tr>
</table>
<button id="save">Save</button>
<p><strong>Draw!</strong></p>
<table id="grid" cellspacing="0">
</table>
<p><em>Debug console: </em></p>
<div id="debug_message"></div>
<div id="debug_palette_color"></div>
</body>
</html>
保存传入的
$_POST
变量数据为JSON格式的PHP脚本
save_drawing.php
如下：
<?php
error_reporting(E_ALL);
file_put_contents("image.x", json_encode($_POST));
?>
加载已保存文件数据的PHP脚本
load_drawing.php
如下：
<?php
$filename = "image.x";
if (file_exists($filename)) {
print file_get_contents($filename);
}
?>
当点击“保存”按钮时，jQuery会创建一个新的JavaScript对象，将每个单元格的CSS背景颜色属性添加到该对象中，然后发送一个Ajax POST请求到
save_drawing.php
文件。在PHP脚本中，将
$_POST
值编码为JSON并保存到文件中。代码如下：
$("#save").click(function(){
var colorsAsJson = new Object();
var i=0;
$("#grid td").each(function() {
colorsAsJson[i] = $(this).css("background-color");
++i;
});
$.ajax(
{
type: "post",
url: "save_drawing.php",
dataType: "text",
data: colorsAsJson,
success: function(data) {
$("#debug_message").html("saved image");
},
failure: function(){
$("#debug_message").html(
"An error has occured trying to save the image");
}
});
});
当重新访问页面时，发送一个
$.getJSON
请求到
load_drawing.php
，该请求返回已保存的JSON格式文件的内容。在jQuery中，遍历网格的每个单元格并分配相应的背景颜色。代码如下：
$.getJSON("load_drawing.php", function(data){
$("#grid td").each(function(index){
$(this).css("background-color", data[index]);
});
});
在使用Ajax时，借助开发者工具进行调试很有帮助。Firefox扩展Firebug是一款出色的工具，在Firebug中，Ajax数据可以在“Net > XHR”部分找到。Chrome开发者工具也非常实用。
2. 丰富的PHP学习资源
在PHP学习和开发过程中，有许多优质的网络资源可供利用：
-
www.php.net
：能下载最新版本的PHP，还能找到完整的在线语言参考，包含大量示例代码、用户评论和说明。在线文档搜索方便，若输入的关键词不准确，会给出合理的替代建议。此外，还能看到即将举行的PHP活动列表以及最新的相关链接。若需要查找某个PHP函数的文档，可以使用直接URL查找技巧，如
php.net/date
。
-
www.zend.com
：Zend Corporation的网站，自称是“PHP公司”。在这里可以看到Zend为PHP开发和服务器交付所推出的众多产品，该公司也积极参与PHP本身的开发。除了商业产品，全年还会举办很多有价值的网络研讨会。
-
devzone.zend.com
：Zend主页的姊妹网站，这里有一个很棒的开发者社区，大家相互帮助进行PHP开发和使用Zend的产品线。网站内容还包括书籍评论和会议报告。若在PHP问题上遇到困难，可以在这里与专家交流。有针对每个主题领域的特定论坛，还有播客、教程、文章以及访问PHP手册的另一种途径。
-
PHP| Architect Magazine（www.phparch.com）
：这是一本很棒的虚拟杂志，可以访问其网页查看免费期刊，若觉得不错，还能以合理的价格订阅PDF版本。该杂志的内容质量很高，涵盖的主题通常处于PHP技术的前沿，信息水平多为中级到高级。
3. 值得参加的PHP相关会议
参加会议是继续学习PHP的绝佳方式，它不仅能让人暂时摆脱日常压力，专注于与其他PHP程序员交流，还能在社交过程中获取大量知识。以下是一些值得参加的会议（按优先顺序排列，若资金有限可参考）：
-
ZendCon
：每年11月左右举行的主要PHP编程世界会议，能见到很多PHP领域的知名人士，建立良好的人脉关系。行业的重大公告和产品发布通常也会在此会议上宣布。
-
OSCON
：O’Reilly举办的网络开发和开源会议，虽然涵盖范围比PHP更广，但PHP也是其中的一部分。通常在7月中旬举行。
-
ConFoo
：前身为PHP Quebec，是一个很棒的加拿大会议，内容逐渐扩展到不仅仅涵盖PHP，但根源仍基于PHP网络开发领域。
-
International PHP Conference
：每年在德国举行两次，春季会议通常在柏林，秋季会议（通常在10月左右）会在德国不同的城镇举行。
-
Open Source India
：每年秋季举行的为期三天的开源会议，和OSCON一样，涵盖的主题不止PHP相关。这是亚洲最大的开源商业会议之一，若想在该地区建立业务联系，可以尝试参加，但需要办理旅行签证。
4. PHP认证的价值与准备
PHP认证由Zend Corporation管理，其考试准备方式类似于开源模式，Zend邀请世界各地的PHP专家组成委员会来准备考试的问题和答案，这带来了两个好处：
- 考试由多个团体或公司共同准备，对可测试内容有非常广泛的视角。
- 问题来自众多PHP专家，所以考试不会只专注于PHP语言的一两个特定领域。
目前的考试基于PHP 5.3版本，比4.0版本的认证更难通过。考试通过率未公布，但推测考生需达到60%及以上才能通过。考试有时会在某些会议（如ZendCon）上免费提供，同时还会提供考试准备速成课程。
考试包含70道随机选择的问题，答题时间为90分钟。问题来自以下12个不同的主题领域，考生需要对这些领域有深入的了解才能参加考试，并且建议有一年半到两年的日常PHP使用经验：
- PHP基础知识
- 函数
- 数组
- 面向对象编程（OOP）
- 字符串和正则表达式
- 设计与理论
- 网络特性
- PHP 4和5版本的差异
- 文件、流、网络
- XML和Web服务
- 数据库
- 安全
获得PHP认证是非常值得的，许多招聘信息都要求具备该认证，它证明了在PHP语言方面的专业能力，有助于获得更高的薪资，还能提升自信心，让你在与老板讨论绩效和薪酬时更有底气。
5. 正则表达式基础
正则表达式是一种精确匹配符合特定选择标准字符串的方法，它源于理论计算机科学中的有限状态机概念。常见的正则表达式引擎有Posix正则表达式和Perl兼容正则表达式（PCRE），PHP使用的是PCRE，在PHP 5.3及以后版本中，Posix变体已被弃用。PHP中实现PCRE正则表达式引擎的主要函数有：
-
preg_match
-
preg_replace
-
preg_split
-
preg_grep
正则表达式的基本元素是元字符，当元字符被反斜杠字符（“\”）转义时，它们会失去特殊含义。以下是一些常见元字符及其含义：
| 表达式 | 含义 |
| ---- | ---- |
| . | 匹配任意单个字符 |
| * | 匹配其前面的字符表达式零次或多次 |
| ? | 匹配其前面的字符表达式0次或1次，还可使正则表达式变为非贪婪模式，也用于设置内部选项 |
| / | 正则表达式分隔符，标记正则表达式的开始和结束 |
| + | 匹配其前面的字符表达式一次或多次 |
| [ ] | 字符类，如
[a-z]
表示所有小写字母，
[Ab9]
匹配字符 ‘A’、‘b’ 或 ‘9’，在开头使用 “^” 可否定字符类，如
[^a-z]
匹配除小写字母外的任何字符 |
| ^ | 行的开头 |
| $ | 行的结尾 |
| ( ) | 匹配分组 |
| | | “或” 表达式，分隔两个子表达式 |
| {} | 量词，如
\d{3}
表示 “3个数字”，
\s{1,5}
表示 “一到五个空格字符”，
Z{1,}
表示 “一个或多个字母Z”，等同于
Z+
|
除了元字符，还有一些特殊字符类：
| 类符号 | 含义 |
| ---- | ---- |
| \d,\D | 小写符号 “\d” 匹配数字，大写符号 “\D” 是其否定，匹配非数字字符 |
| \s,\S | 小写 “\s” 匹配空格字符或制表符，大写是其否定，匹配任何非空格字符 |
| \w,\W | 小写 “\w” 匹配 “单词字符”，即字母或数字，“\W” 是其否定，匹配 “任何非单词字符” |
正则表达式是一个广泛的主题，这里只是一个简单的介绍，后续还可以深入学习其更复杂的应用。
深入探究JSON、AJAX、PHP资源及正则表达式
4. PHP认证的价值与准备（续）
为了更好地准备PHP认证考试，我们可以将备考过程拆分为以下几个步骤：
1.
了解考试范围
：明确考试涵盖的12个主题领域，包括PHP基础知识、函数、数组等。可以根据这些领域制定详细的学习计划。
2.
学习基础知识
：确保对PHP语言的基础概念有扎实的理解，例如变量、数据类型、控制结构等。可以通过在线教程、书籍等资源进行系统学习。
3.
专项练习
：针对每个主题领域进行专项练习，加深对知识点的掌握。可以通过做练习题、编写小项目等方式来巩固所学知识。
4.
模拟考试
：在考试前进行模拟考试，熟悉考试形式和时间限制。可以使用在线模拟考试平台或购买相关的模拟试题。
5.
参加培训课程
：如果条件允许，可以参加专业的培训课程，由经验丰富的讲师指导学习，提高学习效率。
以下是一个简单的备考时间规划示例：
| 阶段 | 时间 | 主要任务 |
| ---- | ---- | ---- |
| 基础学习 | 第1 - 2周 | 学习PHP基础知识，包括变量、数据类型、控制结构等 |
| 专项练习 | 第3 - 4周 | 针对每个主题领域进行专项练习，如函数、数组、面向对象编程等 |
| 模拟考试 | 第5 - 6周 | 进行模拟考试，熟悉考试形式和时间限制，分析错题并查漏补缺 |
| 复习巩固 | 第7 - 8周 | 对重点知识点进行复习巩固，强化记忆 |
5. 正则表达式基础（续）
正则表达式在实际应用中非常广泛，例如数据验证、文本搜索和替换等。下面通过几个具体的例子来展示如何在PHP中使用正则表达式。
示例1：验证电子邮件地址
$email = "example@example.com";
if (preg_match('/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/', $email)) {
echo "有效的电子邮件地址";
} else {
echo "无效的电子邮件地址";
}
在这个例子中，使用
preg_match
函数和正则表达式来验证电子邮件地址的有效性。正则表达式
^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$
用于匹配符合电子邮件格式的字符串。
示例2：替换文本中的特定字符
$text = "Hello, World!";
$newText = preg_replace('/World/', 'PHP', $text);
echo $newText;
在这个例子中，使用
preg_replace
函数将文本中的 “World” 替换为 “PHP”。
示例3：分割字符串
$string = "apple,banana,orange";
$array = preg_split('/,/', $string);
print_r($array);
在这个例子中，使用
preg_split
函数根据逗号将字符串分割成数组。
6. 总结与展望
通过前面的介绍，我们了解了JSON与AJAX在绘图网格中的应用，掌握了一些优质的PHP学习资源，知道了值得参加的PHP相关会议，还学习了PHP认证的价值和备考方法以及正则表达式的基础知识和应用。
在未来的Web开发中，JSON和AJAX将继续发挥重要作用，为用户带来更流畅、更丰富的交互体验。PHP作为一种强大的服务器端脚本语言，也将不断发展和完善，为开发者提供更多的功能和便利。同时，正则表达式作为一种强大的文本处理工具，在数据验证、文本搜索和替换等方面将继续发挥重要作用。
希望大家能够充分利用这些知识和资源，不断提升自己的Web开发技能，在这个充满挑战和机遇的领域中取得更好的成绩。
下面是一个简单的mermaid流程图，展示了JSON与AJAX在绘图网格中的应用流程：
graph LR
A[页面加载] --> B[加载已保存数据]
B --> C[显示绘图网格]
C --> D[选择调色板颜色]
D --> E[点击网格单元格]
E --> F[更改单元格颜色]
F --> G[点击保存按钮]
G --> H[保存数据到文件]
H --> I[数据保存成功提示]
这个流程图清晰地展示了从页面加载到数据保存的整个过程，帮助我们更好地理解JSON与AJAX在绘图网格中的应用原理。
扫一扫
490
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
