从零开始学习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
{
相关文档：
index.asp文件 保存utf-8
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8" />
<form id="form1" name="form1" method="post">
<input name="ip" type="text" id="ip" style="width:170px" />
</form>
<mce:script type="text/javascript" src="ajaxrequest-m ......
项目设想
学校各部门的网站并非用的一套cms系统，行政部门与二级学院的网站数量众多且开发人员的水平参差不齐，导致信息架构比较混乱。通过一个全局的工具条实现全校站点链接与公告动态更新（能在任何一个子站点看到最新的公告）的功能。
公告模块数据库设计(数据库:globaltools)
首先创建一个表announcement，包括四个� ......
1. 实现对属性的 Ajax 修改:
1). 发送的 ajax 请求中需要包含哪些信息呢
①. 要修改的员工的 id.
②. 要修改的属性的名字.
③. 要修改的属性的值.
......
Web开发者不会注意到由 “AJAX(Asynchronous JavaScript And XML)”所带来的激情。不费力气就能创建像Google Suggest那样的智能网站或者像Gmail那样基于Web的应用程序，这在很大程度上要归功于这种技术。然而，伴随着AJAX应用程序的发展，我们发现了它的一些不足之处，我们发现它的安全漏洞也在逐渐变大，就像慢� ......
1、创建
XMLHttpRequest
对象的一个实例
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if ( ......
