使用ThinkPHP与Xajax整合开发AJax应用(示例:二级级联菜单)

最新推荐文章于 2024-04-23 00:37:13 发布

thinkfisher

最新推荐文章于 2024-04-23 00:37:13 发布

阅读量2.1k

点赞数

分类专栏： PHP技术文章标签： ajax ajax框架 stylesheet web框架 action function

本文链接：https://blog.csdn.net/thinkfisher/article/details/4092600

版权

PHP技术专栏收录该内容

0 篇文章 0 订阅

订阅专栏

XAjax是优秀的封装了业务逻辑的PHP平台AJAX框架,简单易用,使用者不需要了解JS的细节而只需要了解PHP语言,以及基本的AJAX原理.

ThinkPHP则是国产的一款优秀的PHP敏捷开发开源框架,I/O效率高,高度封装了WEB开发中常用的逻辑,本人极度推荐.

言归正传,以下讲如何使用ThinkPHP结合Xajax开发AJAX应用.

1.目录结构关系

许多人可以根据XAjax的示例写出AJAX程序来,但是一运用到框架中就摸不着头脑,原因在于对相应框架的模型和结构不了解.

ThinkPHP项目中,通常把第三方库放在Vendor目录下,然后使用Vendor函数引入,而第三方库并不需要使用Thinkphp的编码规范和命名规范。

把Xajax核心文件以及JS库文件夹命名为Ajax,放在Vendor目录下:

XAjax中会用到一个处理数据的PHP函数,我们把他定义在Ajax目录下

那么,这种目录结构,我们可以使用如下方式导入:

Vendor("Ajax.Xajax");

2.入口函数重写

大家知道,ThinkPHP是单一入口的WEB框架,因此,非常有利于我们开发AJAX程序,我们重写Index模块的index方法(其它模块,其它方法类似)

define("AJAX_PATH","ThinkPHP/Vendor/Ajax");//指定XAjax路径,用于生成JS代码,此处易错,请根据相对位置来调整 class IndexAction extends Action{ public $ajaxinfo; //此变量用于保存生成的JS代码 public function index(){ Vendor("Ajax.Xajax"); //Vendor引入xajax.php核心文件 $ajax = new xajax(); //实例化xajax类 Vendor("Ajax.Functions");//此处引入的是ajax的处理函数定义文件 $ajax->registerFunction("findmajor");//注册函数 $ajax->processRequests(); //交给xajax处理 $this->ajaxinfo = $ajax->getJavascript(AJAX_PATH); //生成JS代码,此处参数AJAX_PATH是为了引用其中的xajax_JS文件夹 $this->assign('ajaxJS',$this->ajaxinfo);//模板赋值 $this->display(); } }

3.处理函数findmajor()定义

function findmajor($id){ $M=D("Major"); $condition='depid='.$id; $Major=$M->where($condition)->findAll(); $str="<select id=major name=major>"; foreach($Major as $list){ $str.="<option value=/"".$list->name."/">".$list->name."</option>"; } $str.="</select>"; iconv("gb2312","utf-8", $str); $objresponse=new xajaxResponse();//实例化xajaxresponse对象 $objresponse->addassign("majorlist","innerHTML",$str);//指定ID为majorlist的元素中添加内容$str return $objresponse;//返回结果文本

4.模板文件的定义

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <TITLE>级联菜单</TITLE> <link rel='stylesheet' type='text/css' href="__PUBLIC__/Css/common.css" mce_href="__PUBLIC__/Css/common.css"> {$ajaxJS} </HEAD> <BODY> <form action="" method="post" name="add" id="add"> <label> <select name="dep" id="dep" onChange="xajax_findmajor(document.getElementById('dep').value);"> <option value="0">请选择院系</option> <option value="1">一院</option> <option value="6">六院</option> </select> </label> <div id="majorlist"> <select name="major" id="major"> <option>请选择专业</option> </select> </div> <p> </p> </form> </BODY> </HTML>

到此.一个院系-专业级联菜单完成

thinkfisher

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
使用ThinkPHP与Xajax整合开发AJax应用(示例:二级级联菜单)

XAjax是优秀的封装了业务逻辑的PHP平台AJAX框架,简单易用,使用者不需要了解JS的细节而只需要了解PHP语言,以及基本的AJAX原理. ThinkPHP则是国产的一款优秀的PHP敏捷开发开源框架,I/O效率高,高度封装了WEB开发中常用的逻辑,本人极度推荐. 言归正传,以下讲如何使用ThinkPHP结合Xajax开发AJAX应用. 1.目录结构关
复制链接

扫一扫