从零开始学习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 是什么呢? 以下内容引用网上资料:
AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术：
Ajax（Asynchronous JavaScript + XML）的定义
基于 web标准（sta ......
在一个项目中分级选择行政区划时用到AJAX进行无刷新级联，我在页面中编码用的是UTF-8，总是报脚本错误，
我把页面编码换成GBK又是正常的，后来在网上搜索了一下，在引入JS时加入编码就可以了，如下：
<script language="Javascript" src="js/jquery.js" charset="gb2312"></script> ......
-------------------------jsp中的js代码--------------------
<script type="text/javascript">
function ajaxFunction(sort){
var xmlHttp;
try{
// Firefox, Opera 8.0+, Safari
xmlHttp=new X ......
混沌初开，一切都那么简单。为了连接美国的少数几个顶尖研究机构，人们设计了最早的“Internet”，以便共同开展科学研究。不论是图书馆员、核物理学家，还是计算机科学家，都必须学习一个相当复杂的系统。1962年，麻省理工学院（MIT）的J.C.R. Licklider最早提出他的“Galactic Network”（超大网络）� ......
