关于ajax的相关小结
2017-05-13 10:41
246 查看
一、什么是ajax:
AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。
Ajax包含下列技术:
基于web标准(standards-basedpresentation)XHTML+CSS的表示;
使用 DOM(Document ObjectModel)进行动态显示及交互;
使用 XML 和 XSLT 进行数据交换及相关操作;
使用 XMLHttpRequest 进行异步数据查询、检索;
使用 JavaScript 将所有的东西绑定在一起。
二、为什么要用ajax:
Ajax应用程序的优势在于:
1. 通过异步模式,提升了用户体验
2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用
3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。
三、AJAX最大的特点是什么。
Ajax可以实现动态不刷新(局部刷新)
就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。
四、 关于XMLhttprequest对象。
Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。通过XMLHttpRequest对象,Web开发人员可以在页面加载以后进行页面的局部更新。
五、基本步骤:
1 创建请求 var xhr = new XMLHttpRequest(); 构造函数实例化
2 确定发送方式和地址 xhr.open(“get”, url, true)
3 发送请求 xhr.send(null);
4 确定后台加载 xhr.onload = function(){}
5 请求返回的数据 xhr.responseText;
六、AJAX请求总共有多少种CALLBACK。
Ajax请求总共有八种Callback
onSuccess
onFailure
onUninitialized
onLoading
onLoaded
onInteractive
onComplete
onException
七、一般常用的jQuery来书写
常用格式如下:
其中还有一些格式:
![](https://img-blog.csdn.net/20170513104030016?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzQ2Mzk3MDY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
![](https://img-blog.csdn.net/20170513104043594?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzQ2Mzk3MDY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
![](https://img-blog.csdn.net/20170513104005381?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzQ2Mzk3MDY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
![](https://img-blog.csdn.net/20170513104056662?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzQ2Mzk3MDY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
相关参数介绍如下:
![](https://img-blog.csdn.net/20170513103350271?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzQ2Mzk3MDY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。
Ajax包含下列技术:
基于web标准(standards-basedpresentation)XHTML+CSS的表示;
使用 DOM(Document ObjectModel)进行动态显示及交互;
使用 XML 和 XSLT 进行数据交换及相关操作;
使用 XMLHttpRequest 进行异步数据查询、检索;
使用 JavaScript 将所有的东西绑定在一起。
二、为什么要用ajax:
Ajax应用程序的优势在于:
1. 通过异步模式,提升了用户体验
2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用
3. Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。
三、AJAX最大的特点是什么。
Ajax可以实现动态不刷新(局部刷新)
就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变过的信息。
四、 关于XMLhttprequest对象。
Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。通过XMLHttpRequest对象,Web开发人员可以在页面加载以后进行页面的局部更新。
五、基本步骤:
1 创建请求 var xhr = new XMLHttpRequest(); 构造函数实例化
2 确定发送方式和地址 xhr.open(“get”, url, true)
3 发送请求 xhr.send(null);
4 确定后台加载 xhr.onload = function(){}
5 请求返回的数据 xhr.responseText;
六、AJAX请求总共有多少种CALLBACK。
Ajax请求总共有八种Callback
onSuccess
onFailure
onUninitialized
onLoading
onLoaded
onInteractive
onComplete
onException
七、一般常用的jQuery来书写
常用格式如下:
$.ajax({ type: "post", url: "data/test.txt", dataType : "text": success: function(data) { console.log(data) //弹出test.txt里面的文本 } })
其中还有一些格式:
相关参数介绍如下:
相关文章推荐
- 关于ajax的相关小结
- 关于Ntt.cc上有偿征集Flex,Flash,Ajax,JavaScript相关文章的设想/具体实施
- 关于windows程序相关基础技术的一点小结(2.windows socket 篇)
- html/xhtml/dhtml/ajax 相关概念小结
- 关于发起ajax同步请求的业务场景的小结
- [RK3288][Android6.0] 关于uboot中logo相关知识点小结【转】
- 关于windows程序相关基础技术的一点小结(3.windows GDI 篇)
- 关于OEM创建的相关小结
- 关于视图的相关小结【收集中】
- 关于windows程序相关基础技术的一点小结(1.文件读写篇)
- 关于Ajax的小结
- contiki中关于进程的开始与挂起等相关函数的说明与小结
- [RK3288][Android6.0] 关于uboot中logo相关知识点小结【转】
- 关于Ajax的小结
- 关于iOS的respondsToSelector等的相关使用小结
- 关于asp.net ajax的一些小结
- 小结:关于asp.net内置ajax功能的使用(scriptmanager/updatepanel)
- [RK3288][Android6.0] 关于uboot中logo相关知识点小结
- 嵌入式 关于sqlite多线程编程相关小结
- 关于WEB交互式设计,JavaScript以及AJAX的一点心得