php+ajax级联菜单[无刷新级联菜单]

<?php
header("Content-type: text/html;charset=GBK");//输出编码,避免中文乱码
require_once(dirname(__FILE__)."/include/config_base.php");
require_once(dirname(__FILE__)."/include/inc_type.php");
require_once(dirname(__FILE__)."/include/inc_cache.php");

$fatherid="";
$fatherid=$_GET['fatherid'];

if(!empty($fatherid)){

if(!file_exists('/cache/sun_'.$fatherid.'_cache.txt')){

$ty = new Type(0);

$typeOptions = $ty->GetSmallOption($fatherid);

if(!empty($typeOptions)){

cache_write('/cache/sun_'.$fatherid.'_cache.txt', $typeOptions);

echo "<select name='sunid' style='width:200'>rn";

echo $typeOptions;

echo "</select>";

$tl->Close();

}

}else{

$typeOptions=cache_get('/cache/sun_'.$fatherid.'_cache.txt');

echo "<select name='sunid' style='width:200'>rn";

echo $typeOptions;

echo "</select>";

}
}
?>

<div id="BigType">
</div>
<div id="SmallType">
</div>

<script language="JavaScript" src="prototype-1.6.0.2.js"></script>
<script>
function GetBigType (){
       var url='GetBigType.php';
       var pars='pid=1';
       var myAjax=new Ajax.Updater('BigType', url, {method:'get', parameters:pars});
}
GetBigType ();
function GetSmallType(){
       var fatherid=$F('fatherid');
       var url=' GetSmallType.php';
       var pars='fatherid='+fatherid;
       var myAjax =new Ajax.Updater('SmallType', url, {method:'get', parameters:pars});
}
</script>

<?php
header("Content-type: text/html;charset=GBK");//输出编码,避免中文乱码
require_once(dirname(__FILE__)."/include/config_base.php");
require_once(dirname(__FILE__)."/include/inc_type.php");
require_once(dirname(__FILE__)."/include/inc_cache.php");
$pid="";
$pid=$_GET['pid'];
if($pid==1){

if(!file_exists('../cache/bigtype.cache.txt')){

$ty = new Type(0);

$typeOptions = $ty->GetBigOption();

cache_write('/cache/bigtype.cache.txt', $typeOptions);

echo "<select name='fatherid' onChange='GetSmallType();' style='width:200;'>rn";

echo "<option value='0' selected>--不限栏目--</option>rn";

echo $typeOptions;

echo "</select>";

$ty->Close();

}else{

$typeOptions=cache_get('/cache/bigtype.cache.txt');

echo "<select name='fatherid' onChange='GetSmallType ();' style='width:200;'>rn";

echo "<option value='0' selected>--不限栏目--</option>rn";

echo $typeOptions;

echo "</select>";

}
}

?>

时间: 2024-08-02 16:13:59

php+ajax级联菜单[无刷新级联菜单]的相关文章

jQuery+ajax实现无刷新级联菜单示例

  这篇文章主要介绍了jQuery+ajax实现无刷新级联菜单示例,代码很完整,也非常实用,有需要的小伙伴可以参考下. 前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 下面是做的一个前台用JQUERY,AJAX调用后台方法做的无刷新级联菜单 CasMenu.aspx页面: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

jQuery+ajax实现无刷新级联菜单示例_jquery

前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 下面是做的一个前台用JQUERY,AJAX调用后台方法做的无刷新级联菜单 CasMenu.aspx页面: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC &quo

asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

 本篇文章主要是对asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码进行了介绍,需要的朋友可以过来参考下,需要对大家有所帮助  代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxJson.aspx.cs" Inherits="AjaxJson" %> <!DOCTYPE html PUBLIC &quo

jquery+ajax+C#实现无刷新操作数据库数据的简单实例

 本篇文章主要是对jquery+ajax+C#实现无刷新操作数据库数据的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 我们知道同步执行和异步执行的区别,为了更好的提高用户的体验,我们都会采用异步方式去处理一些问题,毕竟单线程的同步可能回造成卡死等现象,很不友好,所以可以使用ajax来完成用户的体验,现在我们就来说说如何使用jquery的ajax来实现无刷新的获取内容   我们只是单方面的获取内容,分页等就不考虑了,后期会讲到无刷新的分页   页面中我们放置一个Div容器用来存

Jquery基于Ajax方法自定义无刷新提交表单Form实例_AJAX相关

本文实例讲述了Jquery基于Ajax方法自定义无刷新提交表单Form的方法.分享给大家供大家参考.具体实现方法如下: Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等. 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移到ajax中呢. 以前的处理方法: 如Form代码如下: 复制代码 代码如下: <form id="Form1" action="action.aspx" method="pos

smarty+ajax怎么制作无刷新分页

问题描述 smarty+ajax怎么制作无刷新分页 smarty+ajax怎么制作无刷新分页,求大神指导啊,真够纠结的

实例代码讲解ajax实现的无刷新分页_AJAX相关

1.Ajax 无刷新页面的好处:提供良好的客户体验,通过 Ajax 在后台从数据库中取得数据并展示,取缔了等待加载页面而出现的空白状态: 2.那么,Ajax 无刷新页面是运行在动态页面(.php)?还是静态页面(.html/.htm/.shtml)?答案是:静态页面: 3.实现原理:通过前端 JS 脚本程序与 Ajax 相结合取得从动态页面返回的数据,并显示. 现在什么都讲究一个无刷新,就连分页也是如此,下面是小编日常整理的关于一段无刷新代码,希望能够帮到大家. 代码如下: 一.html代码部分

jquery+ajax+C#实现无刷新操作数据库数据的简单实例_jquery

我们知道同步执行和异步执行的区别,为了更好的提高用户的体验,我们都会采用异步方式去处理一些问题,毕竟单线程的同步可能回造成卡死等现象,很不友好,所以可以使用ajax来完成用户的体验,现在我们就来说说如何使用jquery的ajax来实现无刷新的获取内容 我们只是单方面的获取内容,分页等就不考虑了,后期会讲到无刷新的分页 页面中我们放置一个Div容器用来存放返回的内容 <div id="comment"><img src="images/Wait.gif&quo

PHP Ajax实现页面无刷新发表评论_php技巧

大家都有在网站发表评论的经历,传统的发表过程无非是:发表->提交页面表单->等待刷新页面,这样在网络比较拥挤的时候,往往需要漫长的等待,今天介绍用PHP+Ajax实现页面无刷新发表评论,希望对初学ajax的PHPer有所帮助.    那么首先,我们需要一个基本的ajax开发框架,文件ajax.js就包含了这个框架,代码如下: var http_request=false;  function send_request(url){//初始化,指定处理函数,发送请求的函数    http_requ