登录
|
注册
|
QQ账号登录
|
常见问题
联系我们:
我要上传
首页
浏览
幼儿/小学教育
中学教育
高等教育
研究生考试
外语学习
资格/认证考试
论文
IT计算机
经济/贸易/财会
管理/人力资源
建筑/环境
汽车/机械/制造
研究报告
办公文档
生活休闲
金融/股票/期货
法律/法学
通信/电子
医学/心理学
行业资料
文学/艺术/军事/历史
我的淘豆
我要上传
帮助中心
复制
下载此文档
跟我学ajax技术——如何应用ajax技术实现级联菜单的web应用示例.doc
文档分类:
IT计算机
|
页数:约12页
举报非法文档有奖
分享到:
1
/
12
下载此文档
搜索
下载此文档
关闭预览
下载提示
1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档,不会出现我们的网址水印。
同意并开始全文预览
(约 1-6 秒)
下载文档到电脑,查找使用更方便
下 载
还剩?页未读,
继续阅读
分享到:
1
/
12
下载此文档
文档列表
文档介绍
跟我学ajax技术——如何应用ajax技术实现级联菜单的web应用示例.doc
跟我学AJAX技术——如何应用AJAX技术实现级联菜单的Web应用示例
常规的Web级联菜单所存在的问题
以前,为了避免每次对菜单的操作引起的重载页面,不采用每次调用后台的方式,而是一次性地将级联菜单的所有数据全部读取出来并写入到数组中,然后根据用户的操作用JavaScript+CSS来控制它的子集项目的显示,这样虽然解决了操作响应的速度、不重载页面以及避免向服务器频繁发送请求的问题,但是如果用户不对菜单进行操作或者只对菜单中的一部分进行操作的话,那读取的数据中的一部分就会成为多余而浪费用户的资源,特别是在菜单的结构复杂、数据量大的情况下,这样的弊端就更为突出!
而如果采用AJAX技术来实现(JavaScript+CSS+AJAX),在页面初始化的时候,我们只需要读出其一级菜单的数据并显示出。而在用户操作时,则通过AJAX向后台请求其下一级的菜单数据并显示出------这样,需要什么就下载什么!
构建本示例的Web应用项目
1、添加一个JSP页面
(1)
(2)在该页面中添加一个表格,并且在其中放上超链接
<%@ page language="java" pageEncoding="GB18030"%>
<%@ taglib uri="http://struts./tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts./tags-html" prefix="html" %>
<%@ taglib uri="http://struts./tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts./tags-tiles" prefix="tiles" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN">
<html:html lang="true">
<head>
<html:base />
<script language="javascript" src="">
</script>
<title></title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="">
-->
</head>
<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="20">
<a href="#" onclick="showSubMenu('menu_1')" >菜单一
</a>
</td>
</tr>
<tr>
<td height="20" id="menu_1" style="display:none">
</td>
</tr>
<tr>
<td height="20">
<a href="#" onclick="showSubMenu('menu_2')">菜单二
</a>
</td>
<tr >
<td height="20" id="menu_2" style="display:none">
</td>
</tr>
</table>
</body>
</html:html>
(3)
2、
(1)
(2)
var httpRequest;
var currentPos;
function showSubMenu(
跟我学ajax技术——如何应用ajax技术实现级联菜单的web应用示例 来自淘豆网www.taodocs.com转载请标明出处.
猜你喜欢
施工监理过程控制措施
8页
自动控制原理试题库完整
12页
智慧白酒园区建设方案范文
4页
最新人教部编版小学三年级语文上册《大自然的..
5页
最新:中国新生儿病房分级建设与管理指南(全文..
8页
服装投标的售后服务承诺书
7页
机场专业机坪运行统一管理培训考题
13页
机电安装工程安全生产隐患检查管理图文并茂
5页
栏杆安装施工方案
4页
检验项目临床意义手册(最全完整版)
24页
武汉工程大学2024年硕士研究生招生考试 复试《..
4页
羽毛球馆经营策划
15页
汽缸保温施工工艺要求
6页
汽车营销实训中心企业化管理的研究
9页
河北省唐山市丰润区2022-2023学年七年级上学期..
6页
相关文档
更多>>
非法内容举报中心
文档信息
页数
:
12
收藏数
:
0
收藏
顶次数
:
0
顶
上传人
:
marry201208
文件大小
:
216 KB
时间
:
2018-06-25
相关标签
rfid技术的应用案例
物联网应用技术论文
物联网技术应用论文
区块链技术应用案例
新技术应用方案
现代教育技术应用论文
bim技术应用论文
三级网络技术应用题
bim技术应用方案
物联网技术与应用论文
计算机原理
PHP资料
linux/Unix相关
C/C++资料
Java
.NET
windows相关
开发文档
管理信息系统
软件工程
网络信息安全
网络与通信
图形图像
行业软件
人工智能
计算机辅助设计
多媒体
软件测试
计算机硬件与维护
网站策划/UE
网页设计/UI
网吧管理
电子支付
搜索引擎优化
服务器
电子商务
Visual Basic
数据挖掘与模式识别
数据库
Web服务
网络资源
Delphi/Perl
Python
Flash/Flex
手机开发
UML理论/建模
并行计算/云计算
嵌入式开发
计算机应用/办公自动化
数据结构与算法
SEO
最近更新
餐饮合作经营协议书模板
龙南客家围屋文化旅游基础设施建设项目可行..
高速公路钢筋加工厂建设方案
风力发电企业安全现状综合评价标准
溶栓后护理问题ppt
长春师范学院教职工报考研究生申请表 8476
皮瓣移植术护理查房ppt
采暖系统形式
企业文化建设工作总结
装修应急预案
留置胃管病人的护理ppt目录
边坝县高中2018-2019学年高二上学期第三次月..
综合医院建筑设计2019ppt课件
车辆超速出车祸,一定承担全责吗
超市转正自我鉴定
赞助合同(最新) 5790
经理人培训资料汇编
责任书之公司连带责任担保合同 2059
水稳层摊铺合同
WANG氏TBNA穿刺定位法课件
装配式建筑项目装配率计算书
反恐风险评估程序(新版)
煤矿矿井风桥设计及施工措施
党员不得信仰宗教专题党课课件
校级校本研修体育课题《培养学生的终身体育..
EXCEL中公式与函数PPT课件
小学生学习障碍问题分析与对策研究
25t汽车吊上楼面施工验算
在线
客服
微信
客服
QQ
客服
意见
反馈
手机
查看
返回
顶部