- 浏览: 132721 次
- 性别:
- 来自: 杭州
文章分类
最新评论
-
522823979:
JXL POI 导出excel 包括图片 -
贝塔ZQ:
实现导出excel文件和图片,感觉用poi和jxl代码量好多, ...
JXL POI 导出excel 包括图片 -
bmpbhg:
和你的类似,不过我这边报的是
org.dom4j.Docume ...
Servlet 接受解析HTTP请求XML数据,返回XML -
Wuaner:
引用Non Field Validators排在前面的先执行 ...
struts2 内建效验器 -
timelion:
请将正式简历发送至
timelion@163.com
找工作中...放上简历,求推荐
由于是在客户上的框架上做开发,因为是比较老的框架,ajax框架也是没有的,只有自己手写了.现在写起来还有点问题的.
主要还是封装获取XMLHttpRequest对象,应用的时候直接调用就可以了.
下面是父select和子select的代码
父select 改变时执行的JS:
后台代码:
将栏目列表防止到子select里面:
主要还是封装获取XMLHttpRequest对象,应用的时候直接调用就可以了.
//实现ajax var http_request = false; function send_request(url,poststr,processRequest) {//初始化、指定处理函数、发送请求的函数 http_request = false; //开始初始化XMLHttpRequest对象 if(window.XMLHttpRequest) { //Mozilla 浏览器 http_request = new XMLHttpRequest(); if (http_request.overrideMimeType) {//设置MiME类别 http_request.overrideMimeType('text/xml'); } } else if (window.ActiveXObject) { // IE浏览器 try { http_request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { http_request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} } } if (!http_request) { // 异常,创建对象实例失败 window.alert("不能创建XMLHttpRequest对象实例."); return false; } http_request.onreadystatechange = processRequest; // 确定发送请求的方式和URL以及是否同步执行下段代码 http_request.open("POST", url, false); http_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); http_request.send(poststr); }
下面是父select和子select的代码
<select name="channelId" onchange="getSections(this,'sectionId');"> <option value="" >无</option> <c:if test="${channels!=null}" > <c:forEach items='${channels}' var='cc'> <option value="<bean:write name="cc" property="channelId" />" ><c:out value='${cc.channelName}' escapeXml="false"/> </option> </c:forEach> </c:if> </select> <select name="sectionId" id="sectionId"> <option value="" >无</option> </select>
父select 改变时执行的JS:
//获取频道下的栏目 function getSections(o,s){ var sectionId=document.getElementById(s); if(o.value!=''){ send_request('<%=request.getContextPath()%>/itv/voteAction.do?act=getSectionsBychannelId','channelId='+o.value,setSections); }else{ sectionId.options.length = 0; var varItem = new Option('无', ''); sectionId.options.add(varItem); } }
后台代码:
public ActionForward getSectionsBychannelId(ActionMapping mapping, ActionForm form,HttpServletRequest request, HttpServletResponse response) throws IOException { log.debug("channelId获取sections"); VoteForm voteForm = (VoteForm) form; response.setContentType("text/html;charset=UTF-8"); String channelId = request.getParameter("channelId"); //获取参数中的值 sectionManager = (SectionManagerImpl) SpringWebUtils.getApplicationContext(request).getBean("sectionManager"); List sections=sectionManager.getSectionsBychannelId(Long.valueOf(channelId)); //组装栏目选项 StringBuffer results = new StringBuffer("<sections>"); for (int i = 0; i < sections.size(); i++) { Section s=(Section)sections.get(i); results.append("<section"); results.append(" id=\""+s.getSectionId()+"\""); results.append(" sectionName=\""+s.getSectionName()+"\""); results.append(" />"); } results.append("</sections>"); response.setContentType("text/xml;"); PrintWriter pw = response.getWriter(); pw.print(results.toString()); pw.flush(); pw.close(); return null; }
将栏目列表防止到子select里面:
function setSections(data){ var sectionId=document.getElementById('sectionId'); sectionId.options.length = 0; if (http_request.readyState == 4) { // 判断对象状态 if (http_request.status == 200) { // 信息已经成功返回,开始处理信息 var sections=http_request.responseXML.getElementsByTagName('section'); if(sections.length!=0){ for(var j=0;j<sections.length;j++){ var option=new Option(sections[j].getAttribute('sectionName'),sections[j].getAttribute('id')); sectionId.options.add(option); } } else{ var varItem = new Option('无', ''); sectionId.options.add(varItem); } } else { //页面不正常 alert("您所请求的页面有异常。"); } } }
发表评论
-
基于wp_poll开发满意度调查
2010-12-03 10:23 1076最近换了公司,试用期给公司改造内部网. 试用wordpress ... -
png图片透明ie6解决
2010-11-17 16:31 903// 图片透明 function setPng(img, ... -
Jquery 应用收集
2010-07-14 09:49 17571.结合时间控件WdatePicker使用,根据radio值不 ... -
JS知识
2010-02-05 13:19 895JavaScript节点操作DOMDocument属性和方法 ... -
CSS知识
2010-01-07 15:01 757虽然我不是美工,也不专门去学CSS,但是项目中遇到的一些技巧还 ... -
HTML
2009-12-04 14:54 8211.标签map-- 定义图像点击区域的集合 map 标签 m ... -
JS函数收集--001
2009-11-30 09:52 883记录下开发过程中常用到的JS问题 1. 直接获取对性属性, ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第十四章--在JSP里使用FCF
2009-11-25 16:05 2002前面我们讲的例子里,都是采用HTML或JavaScript来显 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第十三章--间断数据的处理
2009-11-25 16:00 1528有时候我们的数据并不是连续的,例如我们有一个反映每个月销售额的 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第十二章--FCF中的特殊字符
2009-11-25 15:52 1639在FCF里,如果要在图形里用到一些特殊的字符,你就要对它进行编 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第十一章--FCF中的基本数字格式
2009-11-25 15:51 1855在我们的报表里,经常要对数值进行一些格式化,如小数位,千分位等 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第十章--FCF中的下钻
2009-11-25 15:46 1507在我们开发图形报表时,你可能会遇到这样的需求:用户要求点击柱状 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第九章--动态改变图形的类型和数据
2009-11-25 15:44 3219在前面的章节里,我们已经了解了图形的基本使用方法以及图形XML ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第八章--FusionCharts Free和组合图XML
2009-11-25 15:42 2911本章我们来看看什么是组合图形,以及它的XML是怎么写的。 什 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第七章--FusionCharts Free和XML
2009-11-25 15:40 2449FusionCharts使用XML来创建和控制图形。 数据类 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第六章--FusionCharts Free图形的基本元素
2009-11-25 15:38 2449在我们了解了FCF的各种使用方法以后,我们就会发现,其实我们要 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第五章--FusionCharts Free使用dataXML加载数据
2009-11-25 15:34 1921在前面的例子里,我们使用的数据都是一个单独的XML文件,它可以 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第四章--FusionCharts Free使用JavaScript加载图形
2009-11-25 15:32 2164在上篇文章里,我们做 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第三章--FusionCharts Free我的第一个图形
2009-11-25 15:30 2701在介绍完了FCF的下载安装以后,现在,我们终于要开始创建我们的 ... -
[AJava]FusionCharts Free中文开发指南[使用文档教程]第一章--FusionCharts Free介绍
2009-11-25 15:28 2015FusionCharts是InfoSoft Global公司的 ...
相关推荐
完整项目工程。 博文链接:https://plkong.iteye.com/blog/214447
其中例子包括(2,3,4,5,6级联)对想学习ajax实现级联的来说是很有用。思路清晰。
使用Ajax实现级联菜单,采取XML响应方式实现,非常好用!
该实例为本人项目中使用的模块代码,经过专业测试人员测试,兼容所有主流浏览器,如有不解之处请联系本人
对于初学者Ajax 城市级联就是一个横好的例子,这里有对于Ajax的详细的的运用
用Ajax实现的一个级联菜单,下拉菜单是从数据库中取数据的。
非常详细的一个级联菜单,很适合刚学ajax的朋友! 大家不懂的发送邮件给我,白天都在线! /** * js文件说明:实现 分公司-->支公司-->代理机构 三级下拉级联菜单 * 作者:朱亮</p> * 版本: 1.0</p> * 修改历史</p> ...
Ajax动态级联树源代码 Ajax动态级联树源代码
ajax与json实现城市动态级联ajax与json实现城市动态级联
Ajax-级联菜单 Ajax-级联菜单
通过Jquery Ajax操作数据库实现二级级联....
包含数据库字段设计、jsp页面代码编写、最后的运行效果
ajax技术实现级联下拉列表代码.doc
利用ejb连接数据库,成功的实现ajax下拉列表级联,下拉列表中的数据从数据库中调用。
jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单
Ajax_实现级联菜单