AJAX(一)--简介

来源:互联网 发布:审批流 数据库设计 编辑:程序博客网 时间:2024/06/03 14:10

什么是AJAX

·        Ajax指异步JavaScriptXMLAsynchronousJavaScript And XML)。

 

 

·        Ajax也是JavaScript的一个中高级应用,也可以说是js的一个框架,因为都有都js代码封装的。

·        Ajax技术是客户端技术,异步服务器交互服务器回传数据不会重复绘页面,减轻了服务器端的压力。但Ajax不得乱用,防止适得其反。据说不能过度使用Ajax,力求简单、“傻瓜化”,减少繁复应用。

·        传统网页不使用ajax,如果需要更新,必须重载整个网页面。

·        很多的ajax应用程序案例:新浪微博google地图、开心网等等。

 

Asynchronous 异步?

        没有AJAX之前,在填写论文发布等表单时,服务器没事可做,可是当论文提交给服务器并响应则需要安心等待。同步处理模型:

       

        我们可不可以输入输入一项之后,服务器就自动的去检查所有的内容,而不必等待所有的内容输入完毕再去依赖一个提交按钮呢?

这就提到了异步传输方式:

       

 

    AJAX是由用户体验专家Jesse-James首先提出。AJAX并不只包含JavaScriptXML技术,事实上是由JSXMLXSLTCSSDOMXMLHttpRequest等技术组成。

当然之所以称为AJAX就是因为XMLHttpRequest对象,是AJAX的核心,由浏览器创建,就是通过它改变了用户体验效果,让服务器参与的验证“神不知鬼不觉”的进行。

 

Google suggest

我们在谷歌的搜索框中输入关键字,javascript会把这些字符发送到服务器,然后服务器会返回一个搜索建议的列表。

 

Ajax的实现原理:

 

 

   

 

1、用户在页面执行了某个操作,例如鼠标移动、点击区域等;

2、根据用户的操作,页面发出相应的DHTML(动态WebHtmlcssjs)事件。

3、调用注册到该DHTML事件的客户端JavaScript事件处理函数,其中初始化一个用以向服务器发送异步请求的XMLHttpRequest对象,同时指定了一个回调函数,当服务器的响应返回时,将自动调回该回调函数;

4、服务器收到XMLHttpRequest对象的请求后,开始根据请求处理一系列的处理;

5、处理完毕,服务器返回客户端需要的数据;

6、数据达到客户端后,执行JavaScript回调函数,并根据返回的数据对用户界面进行更新;

7、看到界面的变化。

 

AJAXASP.NET AJAX

AJAX是一种技术,而ASP.NET AJAXASP.net实现AJAX技术支持的工具包,是微软弄好的一个AJAX框架,拖动控件就可以实现。

           

 

 

总结:

AJAX是一种技术,更是一种方式和态度!不甘于现状和不将就的态度。

 

原创粉丝点击