热门关键字:
jquery > jquery教程 > jquery教程 > Ajax原理及使用

Ajax原理及使用

319
作者:管理员
发布时间:2021/6/16 17:59:51
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4949
  Ajax原理


  AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),AJAX不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。它是一套综合了多项技术的浏览器端网页开发技术。这些技术包括Javascript、XHTML和CSS、DOM、XML和XMLHttpRequest。


  通过在浏览器与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。


  优点:


  使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变的html代码信息。


  1. 减轻服务器负担,按需要获得数据。


  2. 无刷新更新页面,减少用户的实际和心理的等待时间。


  3. 更好的用户体验。


  4. 减轻宽带的负担。


  5. 主流浏览器支持。


  缺点:


  1. AJAX大量使用了Javascript和AJAX引擎,使用AJAX的程序必须测试针对各个浏览器的兼容性。


  2. AJAX更新页面内容的时候并没有刷新整个页面,因此,网页的后退功能是失效的。


  3. 对搜索引擎支持不好。


  Ajax的原理简单来说通过浏览器的javascript对象XmlHttpRequest(Ajax引擎)对象来向服务器发异步请求并接收服务器的响应数据,然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。即用户的请求间接通过Ajax引擎发出而不是通过浏览器直接发出,同时Ajax引擎也接收服务器返回响应的数据,所以不会导致浏览器上的页面全部刷新。


  举例:


  传统方式:浏览器向后端发送请求,后端响应数据给前端,浏览器接收数据,渲染页面,浏览器要“刷新”。


  Ajax方式:浏览器创建ajax对象,ajax对象向后端发送请求,后端接收请求响应数据给前端,ajax对象接收响应数据通过dom操作更新视图,整个过程浏览器“不刷新”。


  真正的请求是由Ajax引擎发出。不是由浏览器窗口发出,所以浏览器窗口是不会刷新的, Ajax引擎同时也接收服务器返回的响应内容。


  Ajax引擎就是XMLHttpRequest对象,所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。它同是也是一个Javascript对象。


  Ajax引擎(XMLHttpRequest)是Ajax综合技术的核心,其作为浏览器页面和服务器交互的一个桥梁。


  通常是Javascript监听浏览器网页事件(点击,提交,更改等),由Javascript创建Ajax引擎对象,通过Ajax引擎对象发出请求。Ajax引擎等待并且接收服务器的响应内容,Javascript再从Ajax引擎对象中获取响应内容并且改变网页界面显示效果。


  非IE浏览器和高版本的IE浏览器:var obj=new XMLHttpRequest();


  低版本的IE浏览器:var obj=new ActiveXObject(“Microsoft.XMLHTTP”);


  方法:


  abort


  取消当前请求


  getAllResponseHeaders


  获取响应的所有http头


  getResponseHeader


  从响应信息中获取指定的http头


  open(方式get/post,url地址,同步异步)


  创建一个新的http请求,打开请求,并指定此请求的方法、URL以及验证信息(用户名/密码)




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐