从零开始学习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
{
相关文档：
Web开发者不会注意到由 “AJAX(Asynchronous JavaScript And
XML)”所带来的激情。不费力气就能创建像Google
Suggest那样的智能网站或者像Gmail那样基于Web的应用程序，这在很大程度上要归功于这种技术。然而，伴随着AJAX应用程序的发展，我们发
现了它的一些不足之处，我们发现它的安全漏洞也在逐渐变大，� ......
前言：
基于uchomer的插件如果没有使用ajax或flex，可以说无论如何也做不到完美的。而相比于flex，ajax使用的较多。好多插件开发者在研究
uchome的ajax的使用过程中花费了不少时间，此文意在减少插件开发者的研究时间。flex相关插件的说明，敬请关注！
此文整理花了本同学4个小时以上的时间，如果版主觉得对大家有帮助， ......
场景：在Gridview列表中显示有从数据库提取出来的数据，现在要通过jQuery.Ui.Dialog弹出显示每条数据的详细信息，并在弹出窗口中修改编辑。
需要处理的问题：1、将Gridview中选择记录ID提交给jQuery.Ui.Dialog
......
这几天在写一个页面,页面内容全是局部刷新,最近看到了Ajax控件,觉得很新鲜,于是就用控件开发,遇到的问题是在太多.
头都搞晕了 ,以后不用了 .推荐还是使用WebServices的好.
1.已成功与服务器建立连接，但是在登录过程中发生错误。 (provider: 共享内存提供程序, error: 0 - 管道的另一端上无任何进程。)
此错误我在网上找 ......
前段时间做项目用到GWT，从而接触到AJAX这个名词，现在回顾，觉得有必要记录下来学习的内容。
AJAX是一门综合技术，最早出现在1998年，大量被使用是从2005年开始。最大的优点是，不更新整个页面的前提下维护数据，应用可以仅向服务器发送并取回必需的数据使得前端和服务器的交互时间短。最大缺点是，不能保存历史状态，即� ......
