ajax学习
关注
分享
扫一扫
jawsy
喜欢编码，文学，财经，音乐
展开
-
Ajax+servlet实例
Ajax异步请求,servlet产生随机数据,Html页面无刷新显示。运行环境：jdk1.5+tomcat 5.5 一、ajaxServlet.java package com;import java.io.IOExcepti转载 2006-04-14 10:24:00 · 1280 阅读 · 1 评论 -
中文排版CSS心得
先介绍如何设定字体、颜色、大小、段落空白等比较简单的应用，后面再介绍下比如首字下沉、首行缩进。最后讲一些常用的web页面中文排版，比如中文字的截断、固定宽度词内折行（word-wrap和word-break）等等。因为只是写一些应用方面的心得，如果需要完整的CSS属性介绍，请参考CSS手册。1、如何设定文字字体、颜色、大小 —— 使用font font-style设定斜体，比如font-style转载 2006-08-16 14:33:00 · 712 阅读 · 0 评论 -
用CSS实现的几个非常漂亮的按钮
用CSS实现的几个非常漂亮的按钮.btn {BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(Gradi转载 2006-08-16 15:53:00 · 791 阅读 · 1 评论 -
scriptaculous学习笔记(一)
准备包含库文件： 可排序对象例子：以下代码将创建一个列表，并且可以拖动排序，每次移动户都将触发一个可以返回列表顺序的函数，并且已经序列化，可以通过Ajax传给服务器端。//建立列表：1234//开始建立可排序组件// Sortable.create(x, {overlap:horizontal,转载 2006-08-16 10:41:00 · 3060 阅读 · 0 评论 -
常用DIV+CSS网页制作布局技术技巧
CSS布局常用的方法：float:none|left|right 取值：none:默认值。对象不飘浮left:文本流向对象的右边right:文本流向对象的左边 它是怎样工作的，看个一行两列的例子 xhtml代码: 以下是引用片段： 这里是第一列 这里是第二列 /*这是违背web标准意图的，只是想说明在它下面的元素需要清除浮动*/转载 2006-08-16 14:19:00 · 1396 阅读 · 0 评论 -
Javascript的IE和Firefox兼容性汇编
以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila Firefox1. docu转载 2006-08-16 10:47:00 · 563 阅读 · 0 评论 -
用CSS实现无图片圆角效果
css圆角效果--网页教学网div.RoundedCorner{background: #9BD1FA}b.rtop, b.rbottom{display:block;background: #FFF}b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}b.r1{margin:转载 2006-08-16 15:45:00 · 608 阅读 · 0 评论 -
scriptaculous学习笔记(二)
Effect效果对象下拉效果&上拉效果 aaaaaaabbbbbbbbbbbbbbbbbccccccccccccc BlindDown() BlindUp()Effect.BlindDown(d1,{})函数的花括号里面{}可以跟参数： duration:1.0; 这个数字表示动作持续时间。delay: 0.5 延迟0.5秒再启动转载 2006-08-16 10:43:00 · 2008 阅读 · 0 评论 -
自定多姿多彩的网页链接下划线
CSS本身没有直接提供变换HTML链接下划线的功能，但只要运用一些技巧，我们还是可以让单调的网页链接下划线变得丰富多彩。 一、基本原理 首先，自定义HTML链接下划线的第一步是创建一个图形，在水平方向重复放置这个图形即形成下划线效果。如果要显示出下划线背后的网页背景，可以使用透明的.gif图形。 其次，如果下划线图形的高度较大，则必须适当增加文本的高度，使得一行文本的底部与转载 2006-08-21 16:04:00 · 662 阅读 · 0 评论 -
常用CSS样式
按钮样式*/.ButtonCss {}{ font-family: "Tahoma", "宋体"; font-size:9pt; color: #003399; border: 1px #003399 solid; color:006699; BORDER-BOTTOM: #93bee2 1px solid; BORDER-LEFT: #93bee2 1px转载 2006-08-21 16:09:00 · 768 阅读 · 1 评论 -
ajax读rss示例
输入一个RSS地址:代码:DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>title>this is testtitle>script转载 2006-12-30 10:43:00 · 753 阅读 · 0 评论 -
袁红岗：Ajax，只是一种过渡技术
摘要：Ajax其实是一种新瓶装旧酒的过渡技术，相信在未来一到两年之内将被新的技术所代替，它解决问题的方法与手段很难形成一种可高度抽象的框架级解决方案，而JSF则是一种可扩展的框架级解决方案。在J2EE下一代规范Java EE 5.0中，JSF被放到了一个非常重要的地位，J2EE社区试图通过JSF来统一Web应用的开发模式与方法。作为JCP组织成员的金蝶中间件，即将推出中国人作出的Apusic JS转载 2006-12-30 10:41:00 · 788 阅读 · 0 评论 -
Ajax资源
这些是完全的搜集。但是很遗憾的是这些在国内的站点上还是寥寥无几。资源－－－－中文1 Ajax中国 http://www.okajax.com/2 Java 开源大全 http://www.open-open.com/3 安全矩阵（Security Matrix）官方网站 http://www.smatrix.org/4 TechTarget IT专家网－－Ajax_IT专家网_W转载 2007-01-05 14:55:00 · 728 阅读 · 0 评论 -
构建完备的Ajax开发工具箱
构建完备的Ajax开发工具箱作为一个有经验的Web应用开发人员，也许你可以熟练地应用某种服务器端技术（或者，应用多种服务器端技术）来构建Web应用。我们已经看到，在过去几年中，服务器端有了长足的发展，服务器端软件开发越来越容易，也越来越健壮，相比之下，客户端基本上被抛在了一边。Ajax技术的横空出世使这种状况有所改观，因为开发人员现在有了一个更丰富的客户端工具箱，有大量工具可以使用。你可能不习转载 2007-01-12 10:57:00 · 1531 阅读 · 0 评论 -
dwr与session
dwr和session通讯的方式：1. java类中把session作为参数，如：public void makeChart(String chartType,HttpSession session) 2．页面中调用如下：TestJFreeChartDwr.makeChart(type,show);无需传递session参数，dwr会自动填充到sessio原创 2007-08-10 08:39:00 · 1184 阅读 · 0 评论 -
分析DWR util.js包
分析DWR util.js包发表者: admin ( 2006年09月07日, 09:33:49 上午 CST ) 永久链接 留言 [0] dwr官方地址：http://getahead.ltd.uk/dwr先简单介绍一下什么是DWRDWR - Direct Web Remoting ajax是一种提高web站点吸引力和实用性的书写web页面的方法。它从服转载 2007-08-20 10:55:00 · 725 阅读 · 0 评论 -
在DIV+CSS排版中新闻列表的制作方法
最终效果: 2005年5月30日 新闻标题01 2005年5月30日 新闻标题02 2005年5月30日 新闻标题03 2005年5月30日 新闻标题04 CSS代码: .list{ margin: 0px 10px 20px; text-align: left; } .list ul{转载 2006-08-16 14:24:00 · 1161 阅读 · 0 评论 -
使用AJAX的Struts验证框架
时间：2006-08-07作者：Sonny Hastomo浏览次数： 5 本文关键字：AJAX, Struts, validation, filtering, 验证, 过滤转载 2006-08-07 14:35:00 · 1324 阅读 · 0 评论 -
Ajax动态更新页面
业务逻辑：动态添加员工信息至列表，列表动态删除员工信息 页面：employeeList.jsp员工列表var xmlHttp;var name;var title;var department;var deleteID;var EMP_PREFIX = "emp-";//创建XMLHttpRequest对象function createXMLHttpRequest()原创 2006-07-26 16:40:00 · 1033 阅读 · 0 评论 -
用Ajax完成验证
业务逻辑：一个标准的输入框，要求输入日期格式的文本，符合要求用绿字显示信息，否则用红字提示。 页面：Validation.html 使用ajax进行验证 //xmlHttpRequest对象 var xmlHttp; //创建xmlHttpRequest对象 function createXMLHttpRequest(){原创 2006-07-11 10:09:00 · 940 阅读 · 1 评论 -
关于W3C DOM
W3C DOM文档对象模型(DOM)是与平台和语言无关的接口，允许程序和脚本动态地访问和更新文档的内容，结构和样式。文档可以进一步处理，处理的结果可以放回到所提供的页面中。 表3-1 用于处理XML文档的DOM元素属性 属性名原创 2006-07-11 10:41:00 · 885 阅读 · 0 评论 -
Ajax发送GET和POST的处理
业务逻辑：页面三个文本框，分别要求输入姓，中间名和生日。两个按钮处理GET和POST请求，显示输入的结果。 页面：getAndPostExample.html 用GET和POST发送页面请求 //xmlHttpRequest对象 var xmlHttp; //创建xmlHttpRequest对象 function createXMLHttpR原创 2006-07-11 11:15:00 · 2115 阅读 · 0 评论 -
请求参数作为xml发送
业务逻辑：下拉框选择喜欢的宠物类型，可多选，选择参数构造成xml参数发送。服务器发回响应结果。 页面：postingXML.html 发送XML请求 //xmlHttpRequest对象 var xmlHttp; //创建xmlHttpRequest对象 function createXMLHttpRequest(){ i原创 2006-07-11 13:21:00 · 1490 阅读 · 0 评论 -
XmlHttp是什么
XmlHttp是什么？最通用的定义为：XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。来自MSDN的解释：XmlHttp提供客户端同http服务器通讯的协议。客户端可以通过XmlHttp对象(MSXML2.XMLHTTP转载 2006-07-14 14:24:00 · 581 阅读 · 0 评论 -
开发跨浏览器的JavaScript
最近,看了AJAX的开发基础这本书.发现有几行代码对我们编程也有好处.具体如下 :1向表中追加行2通过JAVASCRIPT设置元素的样式3设置元素的CLASS属性4创建输入元素5向输入元素增加事件处理程序6创建单选按钮1var cell = documentcreateElement("td").appendChild(document.createTextNode("foo"));var row转载 2006-07-14 14:38:00 · 630 阅读 · 1 评论 -
Ajax实现进度条
业务逻辑：在web应用建立进度条。 页面：progressBar.jspAjax进度条 //xmlHttpRequest对象 var xmlHttp; var key; //进度条颜色 var bar_color=gray; var span_id=block; var clear="原创 2006-07-18 15:38:00 · 7930 阅读 · 3 评论 -
Ajax开发工具、框架
AJAX Coldfusion FrameworksajaxCFCAjaxCFC is a ColdFusion framework meant to speed up ajax application development and deployment by providing developers seamless integration between JavaScript and Col转载 2006-07-19 10:07:00 · 1526 阅读 · 0 评论 -
prototype 源码解读 之 prototype.js
代码: /** * 定义一个全局对象, 属性 Version 在发布的时候会替换为当前版本号 */ var Prototype = { Version: @@VERSION@@ } /** * 创建一种类型，注意其属性 create 是一个方法，返回一个构造函转载 2006-07-19 10:40:00 · 619 阅读 · 0 评论 -
做了两个月ajax，总结一些小经验
项目开发告一段落，喘口气，总结一下。1 AJAX还是AJAH* AJAX的很多经典应用其实都是利用xmlhttp空间访问后台程序，后台程序返回脚本用eval回调或者返回简单数据的方式来开发。这样的开发模式的好处是设计简单轻巧，对熟悉dhtml的开发者来说上手会比较块，跨浏览器问题也容易解决，做简单的应用也够用。gmail，google suggest都是用这种方式。但是在我看来gmail转载 2006-07-14 14:30:00 · 710 阅读 · 0 评论 -
prototype.js开发笔记
覆盖版本 1.3.11. Prototype是什么?或许你还没有用过它， prototype.js 是一个由Sam Stephenson写的JavaScript包。这个构思奇妙编写良好的一段兼容标准的一段代码将承担创造胖客户端， 高交互性WEB应用程序的重担。轻松加入Web 2.0特性。如果你最近体验了这个程序包，你很可能会发现文档并不是它的强项之一。像转载 2006-07-18 16:54:00 · 552 阅读 · 0 评论 -
prototype.js 使用说明及函数参考
prototype 1.3.1 版本和之前的 1.2.0 版本有了不少改进,并增加了新的功能： 1. 增加了事件注册管理 2. 增加了空间定位的常用函数 3. 改善了 xmlhttp 的封装 4. 移除了 Effect.js，交给 Rico 或者 script.aculo.us 这些扩展库类实现。 5. bug 修复 代码: /** * 定义一个全局对象, 属性 Version 在发布的时候会替换转载 2006-07-18 16:57:00 · 948 阅读 · 0 评论 -
Ajax实现自动完成
业务逻辑：文本框实现自动完成 引入prototype.js包 页面：autoComplete.jsp Ajax自动完成.mouseOut{ background:#708090; color:#FFFAFA;}.mouseOver{ background:#FFFAFA; color:#000000;} va原创 2006-07-24 09:23:00 · 1558 阅读 · 0 评论 -
Ajax实现工具条提示
页面：toolTip.jsp Ajax工具条提示 var xmlHttp; var dataDiv; var dataTable; var dataTableBody; var offsetEl; //创建XMLHttpRequest对象 function crea原创 2006-07-26 15:22:00 · 807 阅读 · 0 评论 -
Ajax返回responseXML乱码问题
这个问题正解如下：页面设置编码： servlet： response.setContentType("text/xml;charset=gbk"); PrintWriter out = response.getWriter(); //构造xml字串 //response.setContentType("text/xml");原创 2006-07-24 14:30:00 · 1957 阅读 · 2 评论 -
ajax中传递中文参数的编码问题
遇到问题：在使用xhr发出请求时，请求的url中参数带中文，这时在后台解析request得不到中文如：request = new ActiveXObject("Microsoft.XMLHTTP");request.open("GET", url);中我的url需要带中文参数直接加参数是在后台解析不出来的，所以我使用方法对url进行编码转换Code highlighting produce转载 2006-07-25 11:20:00 · 1182 阅读 · 0 评论 -
Ajax中使用JSON
提交数据使用json代替xml 页面：jsonExample.jspJSON示例 var xmlHttp; //创建对象 function createXMLHttpRequest(){ xmlHttp = zXmlHttp.createRequest(); } funct原创 2006-07-25 15:00:00 · 1233 阅读 · 0 评论 -
DWR util.js 学习笔记2
4、getText 取得text属性值 DWRUtil.getText(id): 用来获得 option 中的文本 比如： 苹果 香蕉 鸭梨 调用 DWRUtil.getText("select"); 将返回 "香蕉" 字段； DWRUtil.getText(id)；仅仅是用来获得 select 文本值，转载 2007-08-20 11:08:00 · 939 阅读 · 0 评论