Ajax笔记—入门,同步和异步,XHR
2015-05-18 14:34
369 查看
Ajax全称:Asynchronous javascript and XML,异步的javascript和XML。
Ajax不是一种语言,是一种无需重新加载整个网页的情况下,能更新部分网页的技术。(与后台交互,实现局部更新,异步更新)
同步和异步的区别:
同步(Ajax出现之前):客户端发起请求,服务端对请求进行处理和响应,这期间客户端一直在等待服务端的响应,得到服务端的响应之后重新载入页面,这时候如果你有错误,只能再次发起请求,再次等待……
![](https://img-blog.csdn.net/20150518142000103?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbmllcl9uaQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
异步(Ajax出现之后):XMLHttpRequest的出现,使得后台与服务器在不重新加载页面的情况下进行数据的交换(并对网页进行部分的更新)。
![](https://img-blog.csdn.net/20150518142551603?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbmllcl9uaQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
XMLHttpRequest
实例化XHR对象:
Ajax不是一种语言,是一种无需重新加载整个网页的情况下,能更新部分网页的技术。(与后台交互,实现局部更新,异步更新)
同步和异步的区别:
同步(Ajax出现之前):客户端发起请求,服务端对请求进行处理和响应,这期间客户端一直在等待服务端的响应,得到服务端的响应之后重新载入页面,这时候如果你有错误,只能再次发起请求,再次等待……
异步(Ajax出现之后):XMLHttpRequest的出现,使得后台与服务器在不重新加载页面的情况下进行数据的交换(并对网页进行部分的更新)。
XMLHttpRequest
实例化XHR对象:
<span style="font-family:SimSun;font-size:12px;">var request </span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-family:Microsoft Yahei, Hiragino Sans GB, Helvetica, Helvetica Neue, 微软雅黑, Tahoma, Arial, sans-serif;font-size: 14px;">= </span></span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-family:SimSun;font-size:12px;">new XMLHttpRequest();</span></span>考虑浏览器的兼容性:
var request; if(window.XMLHttpRequest){ request = new XMLHttpRequest();//IE7+,Firefox,Chrome,Opera,Safari… }else{ request = new ActiveXObject("Microsoft.XMLHTTP");//IE6,IE5 }
相关文章推荐
- Ajax知识笔记——入门,同步和异步,XHR
- JS —— 笔记,$("document").ready() 中ajax 与 $.ajax() 及同步异步优先级问题
- Ajax 同步 和 异步 的一些笔记
- ajax 同步请求和异步请求的差异
- 实现ajax异步请求笔记
- B/S模式(同步)AJAX技术(异步)
- Asp.Net Ajax 学习笔记13 Microsoft AJAX Library中异步通信层使用
- 关于HTTP请求、Ajax请求,请求的同步和异步
- AJAX中同步和异步的区别和使用场景
- ajax中同步和异步
- ajax 同步和异步XMLHTTP代码分析
- ajax中同步和异步的区别
- 论:ajax 同步请求与异步请求
- AJAX中的请求方式以及同步异步的区别
- jquery的ajax同步和异步
- node.js在windows下的学习笔记(4)---同步,异步,回调的概念
- ajax同步异步 async默认为true 异步 async:false, //同步
- Ext中 Ajax的同步,异步设置
- AJAX请求详解 同步异步 GET和POST
- scrapy入门实战练习(三)----抓取AJAX异步加载网页