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
相关文档:
//初始化对象并发出XMLHttpRequest请求
xmlHttp= false;
if (window.XMLHttpRequest)
{ //Mozilla等其他浏览器
xmlHttp= new XMLHttpRequest();
if (xmlHttp.overrideMimeType)
{
& ......
以后说明就写在这里了,该控件只当是练手 我把说明一起打包了 不过还是在这里而在贴出来 我有空的时候就会扩展其他功能了
高手就可以飘过了... 每次更新我都会把原来的控件一起打包 文件可能越来越大,呵呵 欢迎交流
Ax控件用于ajax请求
支持浏览器 火狐 IE 等...
控件参数
_Async 是否同步 true为异步 fals ......
原来用jQuery的ajax方式调用asp.net页面基本都是调用单个页面,由调用页面Response内容,而现在采用asp.net ajax后,我们则可以更完美的使用jQuery和asp.net结合了,代码如下:
<asp:ScriptManager ID="ScriptManager1" runat="server" >
<Scripts>
<asp:ScriptReference Path="http ......
其实ajax的东西不是很熟悉,而且对于javascript这样零碎的语言实在是很抗拒。于是过去一直都逃避它,迫于项目的压力,不得已惟有硬碰硬了。为了快速上手,之前做了几个小实验,代码实在太多了。幸好struts2提供了一些ajax的简易实现。
跟网上所有的教程一样,先从最简单的开始吧~
在头结点加上<s:head theme="ajax"/&g ......
jQuery学习笔记
提交form表单之后,不会刷新页面,而是局部刷新,欲提交的form只要有id即可
如果使用get请求,注意中文乱码问题,jquery会先使用iso8859-1解码,然后发给服务器,如果使用post请求,则直接将中文内容提交给服务器解析。
使用jquery-1.4.2.js和jquery.form.js插件。
如果创建新的js文件中,需要加上
doc ......