Ajax
一.资源类网站
1,国内网站
1)Ajax中国(推荐)
一个专业的ajax技术网站,分类清晰,有大量的电子版教程,以及AJAX源码下载!
www.okajax.com
2)ajaxcn.org
李琨老师的blog。李琨:《ajax实战》译者.
www.ajaxcn.org
-----------------------------------------
2,国外网站
1)、Ajax的诞生
Ajax:ANewApproachtoWebApplications
www.adaptivepath.com/publications/essays/archives/000385.php
2)、AJAXMatters
www.ajaxmatters.com
关于Ajax技术一个信息量非常大的网站，有点像Ajax世界中的TSS。
3)、AJAXPatterns
与AJAX设计模式相关的资源。
www.ajaxpatterns.org
www.softwareas.com/ajax-patterns
4)、http://www.ajaxian.com
二.热门文章
1.什么是AJAX
www.okajax.com/info/net/20060510.html
2.ajax技术简介
www.okajax.com/info/basic/200604654.html
3.ajax.net
www.okajax.com/info/basic/200604556.html
www.okajax.com/info/tech/200605589.html
weblogs.asp.net/mschwarz/archive/2005/04/11/399893.aspx(英文)
三.ajax相关下载（电子书教程/源码）
1.Ajax基础教程电子版
www.okajax.com/info/bookdown/200604950.htm
2.《AJAX实� ......
Figure A MaskedEdit 扩展器属性
属性
默认值
说明
AcceptAMPM
False
一个布尔属性，用于指示是否应使用 AM/PM 符号。
AcceptNegative
None
指示是否允许使用负号 (-)。来自 MaskedEditShowSymbol 枚举的可用值包括：None、Left 和 Right。
AutoComplete
True
一个布尔属性，用于指示是否必须自动填写用户未指定的空掩码字符。
AutoCompleteValue
""
指示在启用 Autocomplete 时要使用的默认字符。
Century
1900
指示当年份的日期掩码仅有两位数字时要使用的世纪。
ClearMaskOnLostFocus
True
一个布尔属性，用于指示当文本框失去输入焦点时是否删除掩码。
ClearTextOnInvalid
False
一个布尔属性，用于指示当用户输入无效文本时是否清除文本框。
ClipboardEnabled
True
一个布尔属性，用于指示是否允许使用剪贴板进行复制/粘贴。
ClipboardText
Your browser security settings don't permit the automatic execution of paste operations（浏览器的安全设置不允许自动执行粘贴操作）
指示在执行剪贴板粘贴操作时要使用的提示文本。
CultureName
""
获取并设置要使用的区域性设置的名称。
DisplayMoney
None
......
图1.1 实例运行效果
1.1.1 技术要点
动态加载FAQ的过程主要是利用XMLHttpRequest（以下简称XHR）对象与服务端通信，根据用户单击的感兴趣问题动态将内容加载到页面中。在具体实现时，有两点要注意的内容。
1．对每个问题进行唯一标识
FAQ主要包含问题与解答两个部分，用户单击一个问题时，服务器必须知道请求的是哪个问题的解答，所以必须对每个问题进行唯一标识。标识的方法很多，在本例中简单使用数字进行标识。每个问题在页面上表现为超链接，单击链接将触发onclick事件，调用loadFAQ函数，传入问题标识，获取对应的解答。
单击后并不是要真正链接到一个新的页面，所以在<a>标签的onclick事件中return false取消原有链接的功能。每个答案分配一个div用于显示，每个div的id属性命名规则为，在对应的问题数字标识前统一增加“faqDetail”。
2．对已加载的解答不重复向服务器发出请求
问题的解答加载后，将显示在对应问题下方的div中。当用户再次单击问题时该div将隐藏起来。如果用户第三次单击相同的问题，由于解答已加载到页面，所以不需要再次向服务器发送请求，只需将隐藏的div显示出来即可。
隐藏和显示主要通过设置div样式中的di ......
本实例使用名为faq的数据库表，包含的数据如图1.2所示。具体的创建数据表语句如下：
CREATE TABLE 'faq' (
'id' int(11) NOT NULL auto_increment,
'faq' varchar(255) NOT NULL,
'detail' varchar(255) NOT NULL,
PRIMARY KEY ('id')
)
图1.2 表faq包含的数据
主要包括两个文件：用户操作界面index.jsp和服务器端响应文件read_faq.jsp。 ......
页面中显示了3个问题，分别编号为1、2、3。每个问题表现为一个超链接，单击超链接触发loadFAQ函数。每个问题下面包含一个用于显示答案的div，id属性设置为“faqDetail+问题编号”，通过style="display:none"默认设置为隐藏。详细的函数说明请参考代码中的注释。
<%@ page contentType="text/plain; charset=UTF-8"%>
<%@ page language="java"%>
<%@ page import="java.sql.*,ajax.db.DBUtils"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>动态加载的FAQ</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type="text/javascript">
var xmlHttp; //用于保存XMLHttpRequest对象的全局变量
var currFaqId; //用于保存当前想要获取的FAQ编号
//用于创建XMLHttpRequest对象
function createXmlHttp() {
//根据window.XMLHttpRequest对象是否存在使用不同的创建方式
if (window.XMLHttpRequest) {
& ......
服务器端响应文件read_faq.jsp
服务器响应文件根据用户传入的faqId参数，从数据库中查找对应的FAQ详细信息。详细信息可以为包含HTML标记的内容。查询完毕后将结果返回。
<%@ page contentType="text/plain; charset=UTF-8"%>
<%@ page language="java"%>
<%@ page import="java.sql.*,ajax.db.DBUtils"%>
<%
out.clear(); //清空当前的输出内容（空格和换行符）
String faqIdStr = request.getParameter("faqId"); ......
最新文章 : ajax