免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 917 | 回复: 0
打印 上一主题 下一主题

Ajax与PHP(I) [复制链接]

论坛徽章:
2
丑牛
日期:2013-09-29 09:47:222015七夕节徽章
日期:2015-08-21 11:06:17
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2008-04-14 17:44 |只看该作者 |倒序浏览
前言主要关于用户体验叙述的部分
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引入
check.php:
CODE:
[Copy to clipboard]
        $action=$_GET['action'];//-------------------------处理判断前缀是什么--------------------------
CODE:
[Copy to clipboard]
        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前缀执行部分,判断他是针对那个文本框进行判断-------------------------------
CODE:
[Copy to clipboard]
        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进行判断--------------------------
CODE:
[Copy to clipboard]
        function reg_check_userName($userName)
        {        
                if(strlen($userName)>3&&strlen($userName)CheckUserExist($userName);数据库执行的部分
                        if($check_user_exist)
                                print "该用户名已经被人注册,请输入其他用户名";
                        else
                                print "*恭喜你,用户名可以用";
                }else
                        print "长度控制在 3 - 12 字节以内";
                return;               
        }


本文来自ChinaUnix博客,如果查看原文请点:http://blog.chinaunix.net/u/4206/showart_531185.html
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP