Ajax系列之一些你应该知道的事

时间:2022-09-09 15:37:20

一、什么是Ajax?


    Ajax(Asynchronous Javascript + XML),即异步JavaScript和XML,是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以实现网页的部分刷新。而传统的Web如果需要更新内容,必须重新加载整个页面。


二、传统的Web应用与Ajax有什么区别?


    传统的Web应用模式采用同步交互方式,用户必须等待每一个请求。用户必须等待每个请求,当一个请求完成后才能获得结果,在使用完这些结果后才会发出新的请求。属于单道程序处理,只能等待上一个程序处理完,才能转入到下一个程序。 如下图:


Ajax系列之一些你应该知道的事


    页面1和页面2需要进行查看,首先是页面1发送请求,服务器进行处理。这同时页面2需要等待服务器将处理结果返回给页面1结束之后,才能发送消息请求。AJAX应用模式是将用户和服务器的交互方式变成了异步方式。如下图:

 Ajax系列之一些你应该知道的事


    首先,查看页面,然后提交自己感兴趣的请求,接下来可以继续执行自己的页面浏览活动,服务器端进行相应处理之后,会把结果返回给浏览器并通过相应程序展现给用户。整个过程始终在同一个页面去查看服务器的相应响应结果。

Ajax系列之一些你应该知道的事


    从用户体验的角度来说,用户无须在不同的页面进行切换,只需要停留在同一个页面中。由XMLRequest对象从服务器取得数据,然后由JavaScript操作页面上的元素并更新内容。所以对于用户体验来说是连贯的。


三、js、jquery和ajax有什么关系?  


    Ajax 和 jquery 都是javascript的一个框架,各有不同功能。js是一种在浏览器端执行的脚本语言,可以实现网页特效。例如,填写表单时进行验证,实现图片的切换等。随后,在js中添加了XMLHttpRequest对象。用它与服务器端进行信息交互,在这个对象基础上,又利用css和dom。这样Ajax就出现了。所以Ajax是建立在js的XMLHttpRequest对象、css、dom等技术的基础上。js和Ajax能做的jquery都能做,日常在网页开发过程中,许多效果的实现都是一遍一遍的重复同样的代码,jquery就是把一些常用的操作封装起来,以后实现这种效果直接用Jquery的方法即可。