AJAX、DOM,名词解释
(以下来自WIKI)
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。根據Ajax提出者Jesse James Garrett建議[1],它:
使用XHTML+CSS来表示信息;
使用JavaScript操作DOM(Document Object Model)进行动态显示及交互;
使用XML和XSLT进行数据交换及相关操作;
使用XMLHttpRequest对象与Web服务器进行异步数据交换;
使用JavaScript将所有的东西绑定在一起。
使用SOAP以XML的格式来传送方法名和方法参数。
类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。
AJAX的应用使用支持以上技术的Web浏览器作为运行平台。这些浏览器目前包括:Internet Explorer、Mozilla、Firefox、Opera、Konqueror及Mac OS的Safari。但是Opera不支持XSL格式对象,也不支持XSLT[2]。
传统的Web应用允许用户端填写表单(form),当送出表单时就向Web伺服器发送一个请求。伺服器接收并处理传来的表单,然后送回一个新的网页,但这个做法浪费了许多带宽,因为在前后两个页面中的大部分HTML码往往是相同的。由于每次应用的沟通都需要向伺服器发送请求,应用的回應时间就依赖于伺服器的回應时间。这导致了用户界面的回應比本機应用慢得多。
与此不同,AJAX应用可以仅向伺服器发送并取回必需的数据,它使用SOAP或其它一些基于XML的页面服务接口(介面),并在客户端采用JavaScript处理来自伺服器的回應。因为在伺服器和浏览器之间交换的数据大量减少(大约只有原来的5%),结果我们就能看到回應(伺服器回應)更快的应用(結果)。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web伺服器的处理时间也减少了。
(以下转自http://www.w3school.com.cn/htmldom/htmldom_reference.asp)
JavaScript 对象
点击以下链接,可以获得以下对象的更多信息,包括它们的集合、属性、方法以及事件。其中包含大量实例!
对象描述
Window
JavaScript 层级中的顶层对象,表示浏览器窗口。
Navigator
包含客户端浏览器的信息。
Screen
包含客户端显示屏的信息。
History
相关文档:
ajax与xml数据交互
AJAX可以通过使用XML文件来让信息产生互动
AJAX XML 实例
在先面的AJAX实例中我们将演示如何让WEB页面使用AJAX技术来获取到来自XML文件的信息
从下拉框中选择一盘CD
选择CD: Bob DylanBonnie TylerDolly Parton
TITLE: Greatest Hits
ARTIST: Dolly Parton
COUNTRY: USA
COMPANY: RCA
PRICE: 9 ......
1. 首先下载 dwr.jar包,下载地址: http://directwebremoting.org/dwr/
2. 在应用中引入 dwr.jar包
3. 修改web.xml配置文件
<servlet>
<servlet-name>dwr</servlet-name>
......
[list=1]
我们在做验证码的时候往往由于要反作弊,验证有时故意加入多的干扰因素,这时验证码显示不很清楚,用户经常输入错误。这样不但要重新刷新页面,导致用户没有看清楚验证码而重填而不是修改,而且如果没有用session保存下用户输入的其它数据的话(如姓名),用户刚刚输入的内容也不存在了,这样给用户造成不好的体验 ......
Download board.zip - 39.6 KB - Old Version
Download board_2008.zip - 55.03 KB - Latest VS 2008 Version
Introduction
This is an AJAX based WhiteBoard application. Typically unlike their desktop based counterparts, web applications need to be designed to use optimal ......
<html>
<head>
<title>jQuery Ajax 实例演示</title>
</head>
<script language="javascript" src="../lib/jquery.js"></script>
<script language="javascript">
$(document).ready(function ()
{
$('#send_ajax').click(function (){
&nb ......