深圳PHPer聚会(060805)会课主题:Ajax与PHP(I)[原创]

In: ajax

8 2006

ajax与php

希望大家可以一起指点,指点

前言主要关于用户体验叙述的部分

QUOTE:
UE(User Experience )——用户体验
        用户体验现在已经成为网页设计越来越关注的重要部分,web2.0提倡的就是用户的参与,而正是这种以用户为中心的表现,让又一轮的网络热潮涨起来
要留住用户,内容固然重要,但用户的体验也是一个不可缺少的部分,所以才会有ajax,flex的出现.“人要面子,树要皮”,一个好的面子(好的用户体验)是吸引用户不可或缺的部分

ajax的例子

下面是一个ajax程序执行的过程

图解:

QUOTE:
用户使用浏览器访问GB2312编码的页面触发一个onmouseover事件,
把请求通过创建XMLHttpRequest产生一个post/get方法提交数据到服务器过程,
服务器check.php接受到数据经过中文转码
(因为javascritp发送的请求是utf-8的编码,而check.php是使用GB2312编码,所以转编码)
把提交的信息进行处理,返回一个结果的至客户端,客户端经过分析,把结果返回都页面上来

对于这个ajax程序的

考虑的以后其他程序的可重用性,

所以做了简单的封装(这个程序主要是对单个文本框进行检测)

下面就是这个程序的执行过程

这是一个简单的mvc实现,javascript负责control部分,reg.php负责显示部分view,

各种格式及其他的定义属于model部分

这个是执行的效果

这个是程序的使用

定义几个信息,实现初始化

初始化代码:

QUOTE:
var msg_1=”不能有空格,长度控制在 3 – 12 字节以内”;
var prefix=”reg”;//前缀定义

javascript引入
<script src=”check.js”></script>

check.php:

        $action=$_GET['action'];

//————————-处理判断前缀是什么————————–

        if(!empty($action))
        {
                list($prefix,$action_type)=explode(‘_’,$action);
                $value=$_GET[$prefix.'_value'];
                switch($prefix)
                {
                        case ‘reg’:
                                reg_action($value,$action_type);
                                break;
                        case ‘login’:
                                break;       
                        default:
                                break;       

                }
        }else
        {
                print “对不起,操作错误”;               
        }

//—————————–reg前缀执行部分,判断他是针对那个文本框进行判断——————————-

        function reg_action($value,$action_type)
        {       
                switch($action_type)
                {
                        case ‘userName’:
                                reg_check_userName($value);
                                break;
                        case ‘eMail’:
                                reg_check_c_mail($value);
                                break;
                        case ‘passwd’:
                                reg_check_password($value);
                                break;               
                        default        :
                                break;
                }                       
        }

//——————————–这个主要是针对username进行判断————————–

        function reg_check_userName($userName)
        {       
                if(strlen($userName)>3&&strlen($userName)<12)
                {
                        $user=new UserMod();
                        $check_user_exist=$user->CheckUserExist($userName);数据库执行的部分
                        if($check_user_exist)
                                print “该用户名已经被人注册,请输入其他用户名”;
                        else
                                print “*恭喜你,用户名可以用”;
                }else
                        print “长度控制在 3 – 12 字节以内”;
                return;               
        }

check.js 下载地址

对于javascript的check.js 大家可以下载看看

http://www.phpchina.cn/bbs/attachment.php?aid=1227

对ajax方面有兴趣的phper可以进729098(深圳PHPer)群一起讨论,讨论

Comment Form

About this blog

QK31欢迎你的到来.

Photostream

search_extends

 

2006年八月
    十 »
 123456
78910111213
14151617181920
21222324252627
28293031  

51
Unique
Visitors
Powered By Google Analytics

分类目录

标签云