从零开始学习jQuery (六) AJAX快餐
一.摘要
本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,
即使你会使用jQuery也能在阅读中发现些许秘籍.
本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员
使用Ajax的方式.
二.前言
Ajax让用户页面丰富起来, 增强了用户体验.
使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂,
但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数来帮助我们统一这种差异, 并且让调用Ajax更加简单.
三.原始Ajax与jQuery中的Ajax
首先通过实例,
来看一下jQuery实现Ajax有多简单. 下面是一个使用原始Ajax的示例:
<!
DOCTYPE
html
PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
>
<
title
>
jQuery Ajax</
title
>
<script type="text/javascript"
>
$(function
()
{
var
xhr = new
AjaxXmlHttpRequest();
$("#btnAjaxOld"
).click(function
(event
)
{
var
xhr = new
AjaxXmlHttpRequest();
xhr.onreadystatechange = function
()
{
if
(xhr.readyState == 4)
{
document.getElementById("divResult"
).innerHTML = xhr.responseText;
}
}
xhr.open("GET"
, "data/AjaxGetCityInfo.aspx?resultType=html"
, true
);
xhr.send(null
);
});
})
//跨浏览器获取XmlHttpRequest对象
function
AjaxXmlHttpRequest()
{
var
xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp = new
XMLHttpRequest();
}
catch
(e)
{
// Internet Explorer
try
{
相关文档：
第四章 Ajax服务器扩展剖析
Ajax服务器扩展：ASP.NET Ajax框架的服务器端。
4.1ASP.NET 开发人员的Ajax
为服务器端开发提供Ajax支持。包括一组新的服务器控件和服务，用来摸拟客户端Ajax行为。
4.2改进原有ASP.NET网站
(1)改善网络延迟：尽最大可能减少浏览器和服务器之间传递的数据量。
(2)消除全页� ......
//==================>【index.jsp】===============================
<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<% String path=request.getContextPath(); %>
<%@page import="com.sinoest.dfrf.orm.pojo.Mainmenu"%>
<%@page import="com.si ......
Dojo1.3.x
的
Ajax
示例
整理人：黄诚
QQ
群：
65643887
这篇文章主要是帮助对
Dojo
感兴趣的朋友们快
速实现网站上的例子。
http://sitepen.com/labs/guides/?guide=DojoQuickStart#Ajax
它教程分了
3
部分，其中的例子不容易
上手。我这里提供一个打包文件
AjaxWithDojo.war
下面我将详细说明操作步� ......
Thickbox
-
基于
jQuery
，支持 AJAX，轻量级的而且比较高效。支持图片与HTML内容。大小约为
40k，目前还可作为 WordPress
的插件使用。这个js的优点在于与，父级的原页面滚动条随鼠标滚动的时候，弹出的层并不移动，而始终处于浏览器的固定位置。
GreyBox
- 创建 iframe 的弹出界面，可使用图片 ......
客户端代码：
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function sl(url){
......
