Ajax:无刷新技术。
全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.
传统的web应用程序:jsp 向jsp和servlet发出请求—转发到jsp。
存在着请求--------响应的过程。
如何使用Ajax
Ajax的六大步骤:
1 //创建XMLHttpRequest对象实例
2 http_request.onreadystatechange = 你的另外一个js函数名; //定义处理返回结果的函数
3 http_request.open('GET', url, true);//// 确定发送请求的方式和URL以及是否同步执行下段代码
4 http_request.send(null);//发送请求
5 回调函数处理,更新本页面局部数据
1增加用户体验。2.无需刷新。
Ajax是作用:
数据校验
联动下拉框
树形菜单
4:及时信息
1.全称:Asynchronized JavaScript and Xml 异步JavaScript和XML
2.异步的概念:在同一页面中,只提交了改动的部分,而别的部分并不提交,可以继续操作
3.异步的主要特征:局部刷新,所谓的局部刷新就是:向服务器提交请求,不需要重新刷新页面
Ajax的执行流程:
1.发出一个Http请求:通过XMLHttpRequest对象发送,在生成XMLHttpRequest对象时,要注意区分浏览器的类型(IE和非IE)
2.声明回调函数:即:指定当服务器为你的请求作出相应后,有哪个javaScript函数来处理这个响应
3.打开请求:http_request.open("GET/POST", url, true/false);
4.发送请求:http_request.send(parm);
5.接受响应:由第二步中所指定的回调函数来接受
6.处理响应数据:
1)responseText:作为文本串返回
2)responseXML:作为Xml文件返回
从这点可以看出来Ajax的一个最大的缺点:Ajax接受的响应都是"文本类型"的,需要对其进行解析,耗费大量的时间和带宽,
当响应所返回的数据比较大时,会严重的影响速度,因此,在这种情况下,最好不要使用Ajax
Ajax优缺点
AJAX是优点:AJAX是指一种创建交互式网页应用的网页开发技术.它是通过JavaScript来通过一个事件来发送http请求,只对当前的界面进行一部分
的更新,并没有全部的载入页面,因为有很大一部分的内容是相同的,并不需要全部载入,所以从服务器上的取出所需要的数据是个很
好的办法,并且用户它要的是显示速度够快,注重的视觉上的效果,并不关心底层的实现,所以对用户的交互大大加强。但是它也是有
缺点的,它从服务器端传过来的是一个字符串或是一个xml文件所包装的数据,这样大数据的传输它肯定不行,因为对xml文件的解析也
同样会花大量的时间。
Ajax的缺点:1.它可能破坏浏览器后退按钮的正常行为。如用户通常都希望单击后退按钮,就能够取消他们的前一次操作,但是在Ajax应用程序中,却无法这样做。
2.查询返回大量的数据的时候不适宜用ajax(ajax不适合传输大量数据)
分享到:
相关推荐
**WebService和Ajax总结** 在IT领域,WebService和Ajax是两种重要的技术,它们分别在Web应用程序的交互和用户体验提升上发挥了重要作用。本篇文章将全面探讨这两种技术的原理、应用及其在.NET环境下的实现。 **一...
ajax总结,load,get,post,ajax总结,还有formdata~~~
很好的ajax总结,有助于刚学ajax的初学者
【jQuery和AJAX总结】 jQuery是一个广泛应用于网页开发的JavaScript库,它的主要目的是简化JavaScript的使用,让开发者能够更高效地处理DOM操作、事件处理、动画效果以及与服务器的异步通信。jQuery的核心特性包括...
### Jquery Ajax总结性文档知识点解析 #### 一、引言 JQuery 是一款轻量级的 JavaScript 库,以其简化 HTML 文档遍历、事件处理、动画以及 Ajax 交互而闻名。Ajax(Asynchronous JavaScript and XML)是一种在无需...
对AJAX总结记录 为什么要用ajax?
### 开发Ajax总结 #### 一、Ajax概述 ##### 1.1 什么是Ajax **Ajax**(Asynchronous JavaScript and XML)是一种创建交互式网页应用的技术。它通过在后台与服务器进行少量数据交换的方式,使网页能够实现局部更新...
一、Ajax简介、优劣势、应用场景以及技术 Ajax简介 : Asynchronous Javascript And XML (异步的JavaScript和XML) 它并不是一种单一的技术,而是有机利用一系列交互式网页应用相关的技术所形成的结合体 AJAX 是...
一些基础的ajax点,帮助大家在使用ajax的同时,能够更深入的了解和体验。有了Ajax之后,就可以实现在网页不跳转不刷新的情况下,在网页后台提交数据,部分更新页面内容。
自己总结的非常好的AJAX总结,用于页面的一种非常流行的技术。
ajax的基本运用和js的复习,能够实现一些很好的效果,没有用过的朋友可以用用
ajax自我总结 ajax自我总结 ajax自我总结 ajax自我总结
总结jQuery的AJAX功能提供了丰富的API,简化了与服务器端的异步通信。无论是简单的GET和POST请求,还是复杂的设置和回调,jQuery都提供了简洁易用的接口。理解并掌握这些知识点对于前端开发工作至关重要,可以有效...
**AJAX 技术总结与设计模式** AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新,提升了用户体验。...
### AJAX技术精析 #### 一、AJAX技术概述 AJAX,即"Asynchronous JavaScript and XML"(异步JavaScript和XML),是一种用于构建交互式网页应用的网页开发技术。它结合了多种关键技术,包括XHTML+CSS用于表现,DOM...
**总结** Ajax的核心在于XMLHttpRequest对象的使用,通过它与服务器进行异步通信。虽然存在一些缺点,但在优化用户体验方面,Ajax依然是Web开发中的重要技术。理解并掌握Ajax的工作原理和实现方式,对于构建交互性强...
Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。在这个例子中,我们看到一个简单的Ajax应用,...
**Ajax(Asynchronous JavaScript and XML)技术概述** Ajax是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。它的核心是利用JavaScript与服务器进行异步数据交换,通过XML或者JSON等格式传输数据,...
**AJAX电子书总结** AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。这种技术的出现极大地提升了用户体验,因为它允许后台与服务器进行数据交换,而用户界面...
ajax总结知识,大家一起共赏吧,很不错的,希望能给你帮助!