Ajax 原理
Ajax
主
要组成部分
Ajax
是
Asynchronous JavaScript and XML
(以
及
DHTML
等)的缩写。
Ajax
由
HTML
、
JavaScript™
技术、
DHTML
和
DOM
组成,这一杰出的方法可以将笨拙的
Web
界面转化成交互性的
Ajax
应用程序。
Ajax的核心是JavaScript对象 XmlHttpRequest。该对象在Internet Explorer
5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不
阻塞用户。
Ajax原理
Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页
面。这其中最关键的一步就是从服务器获得请求数据.
Ajax是做什么的?
目前,编写应用程序时有两种基本的选择:
桌面应用程序
Web 应用程序 两者是类似的,桌面应用程序通常以
CD
为介质(有时候可从网站下载)并完全安装到您的计算机上。桌
面应用程序可能使用互联网下载更新,但运行这些应用程序的代码在桌面计算机上。
Web
应用程序运行在某处的
Web
服务器上
------
毫不奇怪,要通过
Web
浏览器访问这种应用程序。
不
过,比这些应用程序的运行代码放在何处更重要的是,应用程序如何运转以及如何与其进行交互。桌面应用程序一般很快(就在您的计算机上运行,不用等待互联网
连接),具有漂亮的用户界面(通常和操作系统有关)和非凡的动态性。可以单击、选择、输入、打开菜单和子菜单、到处巡游,基本上不需要等待。
另一方面,
Web
应用程序是最新的潮流,它们提供了在桌面上不能实现的服务(比如
Amazon.com
和
eBay
)。但是,伴随着
Web
的强大而出现的是等待,等待服务器响应,等待屏幕刷新,等待请求返回和生成新的页面。
显然这样说过于简略了,但基本的概念就是如此。您可能已经猜到,
Ajax
尝试建立桌面应用程序的功能和交互性,与不断更新的
Web
应用程序之间的桥梁。可以使用像桌面应用程序中常见的动态用户界面和漂亮的控件,不过是在
Web
应用程序中。
Ajax
如何
将笨拙的
Web
界面转化成能迅速响应的
Ajax
应用程序
下面是
Ajax
应用程序所用到的基本技术:
HTML 用于建立 Web 表单并确定应用程序其他部分使用的字段。
JavaScript 代码是运行 Ajax 应用程序的核心代码,帮助改进与服务器应用程序的通信。
DHTML 或 Dynamic HTM
相关文档:
jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。
废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).
1. ......
原来用jQuery的ajax方式调用asp.net页面基本都是调用单个页面,由调用页面Response内容,而现在采用asp.net ajax后,我们则可以更完美的使用jQuery和asp.net结合了,代码如下:
<asp:ScriptManager ID="ScriptManager1" runat="server" >
<Scripts>
<asp:ScriptReference Path="http ......
<input type="button" onclick="ajaxTest()" value="AJAX测试">
<input type="button" onclick=" document.getElementById('weather').innerHTML='' " value="隐藏">
<mce:script type="text/javascript"><!--
// 1. 初始化 请求 对象
// Mozilla/Firefox 下的
//var xmlhttp = ne ......
在使用jQuery 的Ajax加载数据是 如果使用get方式传递参数则存在一下问题
firefox下传递数据正常
ie下则会出现缓存问题
解决方法:
1、http://yourwebsite?parseInt(Math.random() * 1000) 在url后面加上一个随即数,这样每次发送的就不一样了,而且不影响你的功能.
2、使用post传递参数
......
AJAX自从引进了Tab,着实让我开心了一番。但是,在调整Tab的样式的时候,也着实让我吃了一惊。
于是,抱着没有困难也要制造困难的原则,开始了征途:
按照Tab作者Ronald Buckton所说,Tab的CSS包含如下几个类:
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.
......