- 浏览: 691426 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (239)
- 系统架构设计 (16)
- java collection framework (2)
- java分布式 (4)
- java多线程 (0)
- 故障处理及调优 (16)
- 软件开发过程及管理 (28)
- OS (5)
- 常用算法 (3)
- design pattern (8)
- transaction (7)
- java apps (48)
- corejava (7)
- java and DB (10)
- cache (0)
- webservice (14)
- web前端 (25)
- 报表 (4)
- 日志系统设计 (3)
- Oracle (4)
- mysql (11)
- xml (11)
- 数据源配置管理 (3)
- 企业数据存储 (4)
- php (2)
- 测试 (1)
最新评论
-
orangebook:
对于初学者来说,这样编写可能会误导,理解更烦锁。
观察者模式(发布-订阅) -
liudajiang:
呵呵 startThreads(rand ...
实践缩小Java synchronized 粒度 -
zengwenbo5566:
谢谢博主,学习了
解决getOutputStream() has already been called for this response -
u011335423:
大神厉害啊 可以了
解决getOutputStream() has already been called for this response -
xiang37:
...
解决getOutputStream() has already been called for this response
代码比较简单,相信大家能看明白。
另外,我对XMLHttpRequest的使用不是特别熟悉,如果有使用不当之处,还请大家批评指正。
JSP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%> <%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %> <%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %> <%@taglib uri="/WEB-INF/FCKeditor.tld" prefix="fck"%> <%@ page import="java.util.*" %> <%@ page import="org.zcinfomanage.column.dao.SiteColumnDAOImpl" %> <%@ page import="org.zcinfomanage.pagemanage.po.SiteColumn" %> <%String appContext = request.getContextPath(); %> <html> <head> <title>Test</title> <script language="JavaScript" type="text/javascript" src="js/linkageCtl.js"></script> </head> <link href="css.css" rel="stylesheet" type="text/css" /> <body> <FORM name="webPageForm" action="<%=appContext %>/webPageManage.do?method=modifyWebPage" method="post"> <table width="97%" border="0" cellspacing="1" cellpadding="2" class="borde2"> <tr> <td height="40" background="UserFiles/Image/bg_table.jpg" bgcolor="#CBE9F9" class="jianju5 jianju4 fontBlueno"> <html:messages id="message" message="true"> <font color="#ff0000"> <LI> <bean:write name="message"/> </LI> </font> </html:messages> </td> </tr> </table> <table width="97%" cellpadding="1" cellspacing="1"> <tr> <td class="w" height="40" bgcolor="#FFFFCC"> 栏目名称: <select name="siteColumnID" onchange="getFileTitleList(this.options[this.options.selectedIndex].value)"> <OPTION value="0" >请选择栏目</OPTION> <% List columnList = new SiteColumnDAOImpl().getSiteColumnList(); for(Iterator it = columnList.iterator(); it.hasNext();){ SiteColumn column = (SiteColumn)it.next(); %> <OPTION value="<%=column.getId()%>" > <%=column.getColumnName()%> </OPTION> <% } %> </select> </td> </tr> <tr> <td class="w" height="40" bgcolor="#FFFFCC"> 文章标题: <select name="htmlFileID" onchange="getFileContent(this.options[this.options.selectedIndex].value)"> <OPTION value="0" >请选择文章标题</OPTION> </select> </td> </tr> <tr> <td bgcolor="#FFFFCC"> <fck:editor id="fileContent" basePath="" height="400px" width="800px" skinPath="/zcifmg/editor/skins/default/" toolbarSet="Default" imageBrowserURL="/zcifmg/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" linkBrowserURL="/zcifmg/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" flashBrowserURL="/zcifmg/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" imageUploadURL="/zcifmg/editor/filemanager/upload/simpleuploader?Type=Image" linkUploadURL="/zcifmg/editor/filemanager/upload/simpleuploader?Type=File" flashUploadURL="/zcifmg/editor/filemanager/upload/simpleuploader?Type=Flash"> </fck:editor> </td> </tr> <tr> <td> <input type="submit" value="提交"/> <input type="reset" value="重置"/> </td> <tr> </table> </FORM> </body> </html>
JS:
var req; //定义变量,用来创建xmlhttprequest对象 function getFileTitleList(siteColumnID){ var reqURL = "modifyRequest.jsp?siteColumnID="+ siteColumnID +"&temp="+ Math.random(); //alert("** 栏目 = " + siteColumnID); //alert("** 请求URL = " + reqURL); if(window.XMLHttpRequest) //非IE浏览器,用xmlhttprequest对象创建 { req=new XMLHttpRequest(); }else if(window.ActiveXObject) //IE浏览器用activexobject对象创建 { req=new ActiveXObject("Microsoft.XMLHttp"); } //成功创建xmlhttprequest if(req){ req.open("GET",reqURL,false); //与服务端建立连接(请求方式post或get,地址,true表示异步) req.onreadystatechange = callbackFileTitle; //指定回调函数 req.send(null); //发送请求 } } // 创建xmlhttprequest,ajax开始 function getFileContent(fileTitleID){ var url = "modifyRequest.jsp?fileTitleID="+ fileTitleID +"&temp="+ Math.random(); //alert("fileTitleID = " + fileTitleID); //alert("url = " + url); if(window.XMLHttpRequest) //非IE浏览器,用xmlhttprequest对象创建 { req=new XMLHttpRequest(); }else if(window.ActiveXObject) //IE浏览器用activexobject对象创建 { req=new ActiveXObject("Microsoft.XMLHttp"); } //成功创建xmlhttprequest if(req){ req.open("GET",url,false); //与服务端建立连接(请求方式post或get,地址,true表示异步) req.onreadystatechange = callback; //指定回调函数 req.send(null); //发送请求 } } //回调函数,对服务端的响应处理,监视response状态 function callbackFileTitle(){ //请求状态为4表示成功 if(req.readyState == 4){ //http状态200表示OK if(req.status==200){ Dispaly2(); }else{ alert("服务端返回状态" + req.statusText); } }else{ waiting2(); } } function callback(){ //请求状态为4表示成功 if(req.readyState == 4){ //http状态200表示OK if(req.status==200){ Dispaly(); }else{ alert("服务端返回状态" + req.statusText); } }else{ waiting(); } } //接受服务端返回的数据,对其进行显示 function Dispaly2(){ //alert("** Dispaly2()...."); var rtnStr = ""; var fileIDObj = document.getElementById("htmlFileID"); fileIDObj.innerHTML = ''; fileIDObj.options.add(new Option("请选择文章标题","0")); var fileTitleList = eval(req.responseText); for(i = 0; i < fileTitleList.length; i++){ //alert("** 文章标题: " + fileTitleList[i].fileTitle +" 文章ID: " + fileTitleList[i].id); fileIDObj.options.add(new Option(fileTitleList[i].fileTitle,fileTitleList[i].id)); } } function Dispaly(){ var oEditor = FCKeditorAPI.GetInstance("fileContent"); oEditor.SetHTML(req.responseText); } //接受服务端返回的数据,对其进行显示 function waiting2(){ //alert("** waiting2 ...."); //var oEditor = FCKeditorAPI.GetInstance("fileContent"); //oEditor.SetHTML("数据加载中...."); } function waiting(){ var oEditor = FCKeditorAPI.GetInstance("fileContent"); oEditor.SetHTML("数据加载中...."); } function GetInnerHTML(){ // Get the editor instance that we want to interact with. var oEditor = FCKeditorAPI.GetInstance('testfck'); alert( oEditor.EditorDocument.body.innerHTML ) ; }
发表评论
-
Http状态码及实例
2018-03-24 15:06 0HTTP常用状态码列表: ... -
java同步机制及synchronized关键字的应用2
2013-03-25 22:03 1527类定义: public class Test{ ... -
实践缩小Java synchronized 粒度
2013-03-07 22:09 2063项目需求: 产品需要监视不同种类的多个数据库,例如:多个 ... -
java同步机制及synchronized关键字的应用1
2013-03-05 23:04 964Java对多线程的支持与同步机制深受大家的喜爱,通过JMM ... -
Thread_管理异步、定时及周期性任务
2012-09-24 14:43 1266项目中有很多异步、定时及周期性任务的需求,其实现有一定的特点, ... -
Thread_跨节点集合查询
2012-09-18 16:56 1642项目中数据库进行了水平切分,为了处理跨节点集合查询,采用了多线 ... -
Thread_大批量数据的分页处理(生产者-消费者)
2012-09-17 13:30 1375java应用中通常会有处理大批量数据的场景,这里介绍一种分 ... -
Thread_wait、notify、notifyAll的使用方法
2012-09-17 11:19 6854wait()、notify()、notifyAll()是三个定 ... -
计算java对象占用的内存
2011-12-13 11:38 1042Java有一个很好的地方就是java的垃圾收集机制,这个机制集 ... -
java调用shell执行数据压缩
2011-07-18 17:44 1459项目需求: 将迁移来的数据文件进行压缩。要求压缩过程耗时尽量 ... -
quartz应用之一:创建、关闭定时任务
2011-07-18 17:15 3416项目需求: 数据迁移进程开始执行后,启动定时任务每隔30秒计 ... -
xtree应用实例
2011-03-11 18:02 1348最近项目中用到了构造树形目录的功能,简单了解了下dtree和x ... -
JDBC方式访问数据库
2011-01-10 13:48 13951、 JDBC是什么JDBC是Java数据库连接(Java ... -
应用系统中配置文件的应用场景及简要分析
2010-11-12 16:13 1187使用配置文件的有点不外乎两点: 1.提高系统的灵活性。 2 ... -
解决getOutputStream() has already been called for this response
2010-08-26 14:57 158556getOutputStream() has already b ... -
实战防止重复提交(token)应用思路及过程
2010-06-11 16:39 1584我这里只考虑了直接使用struts API的情况,使用自定义的 ... -
Struts国际化完整解决方案-支持多国语言
2010-06-11 16:38 2029在网上有很多有关Struts的中文解决方案,但是很多都说得很零 ... -
jsp查询条件的保留
2010-06-11 16:23 2760本文适合java web开发初学者参考。 统计系统或者 ... -
java日期计算
2010-05-26 14:45 1309Calendar类:一个抽像类,不能直接new 得到。 Cal ... -
mvc应用实例
2010-04-04 19:58 968最近参与到一个行业数据处理的项目,我负责数据请求和订阅的功能, ...
相关推荐
三级联动Ajax菜单(包含省市数据) ; charset=utf-8" /> var xmlHttp; var requestType=""; function createXMLHttpRequest() { if(window.ActiveXObject) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP...
在源网页加载之前,实现一个XMLHttpRequest的代理对象,然后覆盖全局的XMLHttpRequest,这样一但上层调用 new XMLHttpRequest这样的代码时,其实创建的是Ajax-hook的代理对象实例
使用XMLHTTPRequest实现自定义ajax。javascript闭包模式写法。值的学习
XMLHTTPRequest 在iOS 7中,Apple引入了[通过JavaScriptCore JavaScript引擎执行JavaScript]( )的可能性。 不幸的是,JavaScriptCore缺少浏览器JavaScript环境将具有的某些对象和功能。 尤其是JavaScriptCore并未...
XMLHTTPRequest简介
锚点/XHR xhr 模块实现了对使用 XMLHttpRequest 发出 HTTP 请求的支持。安装成分 $ component install anchorjs/xhr沃洛 $ volo add anchorjs/xhr用法xhr.request()返回一个Request实例。 如果需要使用 POST 请求...
在网上看到的;希望可以让大家喜欢 【摘 要】 就是采用 Ajax 方式,即开始只载入第一层菜单的内容,当用户选中第一层菜单的某项时,再通过 XmlHttpRequest 来获取相应选项所对应的第二层菜单的内容。
后台与服务器进行少量数据交换,实现异步更新 使用步骤: 创建XMLHttpRequest对象:var xhr = new XMLHttpRequest(); 给定请求方式与请求地址:xhr.open(“get”,“www.example.com”); 发送请求:xhr.send(); 获取...
er 受启发的小型https库,用于获取基于XMLHttpRequest的数据用法这仅在浏览器中有效。 我使用这个项目来学习和理解JavaScript中的Promises和Callbacks。 可用于主要浏览器并经过测试要使用zyer您可以在下载源文件并...
XMLHttpRequest 模拟实用程序 入门 下载或。 发展 npm install && bower install && grunt bower 如果需要sudo npm命令,可以尝试: sudo chown $(whoami) ~/.npm sudo chown $(whoami) /usr/local/share/npm/...
一个微小的现代数据获取解决方案 TL; DR Thwack是: :laptop_computer: 现代-Thwack是专为现代浏览器构建的HTTP数据获取解决方案 :magnifying_glass_tilted_right: 小-Thwack仅压缩了约1.5k :school: 更智能-...
XMLHttpRequest Ajax xml http request
XMLHttpRequest-HTTP-XMLHttpRequest实现HTTP协议下文件上传断点续传 upload.php filesize.phphttpu.html:主要是上传页面的效果,参考了 博主没有php 处理和获取已经上传文件大小的代码对这些页面css js不是太熟 就...
使用XMLHTTPRequest v2上载文件的React组件 在查看带有示例的完整文档 拉请求是受欢迎的。 如何在本地运行/开发 使用npm start在localhost:8080上运行webpack开发服务器。 启用热模块更换。 使用npm test运行测试...
第三步:配置基础的请求信息 第三步:配置基础的请求信息 第四步:发起请求 第四步:发起请求
介绍了XMLHttpRequest对象的基本知识
php+js使用XMLHttpRequest通过js模拟表单提交上传视频同时实现进度条展示,上传后自动加载并播放功能。
基于XMLHttpRequest的网络请求,使用typescript重构,并使用的demo与模块的单元测试 肯阿西奥斯 采用Promise API 请求和响应配置化 支持请求和响应数据自定义拦截器 支持外部取消请求 支持跨域请求携带cookie 支持...
Asp.net+Ajax基本原理++SQL2000(javascript+XMLHTTPRequest技术)实现百度搜索智能下拉列