什么是Ajax
2017-01-05 00:00
274 查看
Ajax是 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
一、创建XMLHttpRequest对象
对于IE7及其以上版本,其他浏览器
var xhr=new XMLHttpRequest();
对于IE5,6
request=new ActiveObject("Microsoft.XMLHTTP");
![](http://s15.sinaimg.cn/mw690/006zipb5zy77KI706XY8e&690)
二、向服务器发送请求
xhr.open(method,url,async)
method:请求的类型;GET 或 POST
GET: 简单,快捷,一般使用GET
POST:以下情况使用POST
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
设置请求头信息。表示客户端提交给服务器文本内容的编码方式 是URL编码
url:文件在服务器上的位置
async:true(异步)或 false(同步)
xhr.send(data)
data:仅用于 POST 请求
重要参数
onreadystatechange
回调函数,每当 readyState 属性改变时,就会调用该函数。
readyState
存有 XMLHttpRequest 的状态。(0-4)
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
status
200: "OK"
404: 未找到页面
get请求:
![](http://s2.sinaimg.cn/mw690/006zipb5zy77KIaFyxz81&690)
get请求
![](http://s8.sinaimg.cn/mw690/006zipb5zy77KIcj5j157&690)
一、创建XMLHttpRequest对象
对于IE7及其以上版本,其他浏览器
var xhr=new XMLHttpRequest();
对于IE5,6
request=new ActiveObject("Microsoft.XMLHTTP");
二、向服务器发送请求
xhr.open(method,url,async)
method:请求的类型;GET 或 POST
GET: 简单,快捷,一般使用GET
POST:以下情况使用POST
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
设置请求头信息。表示客户端提交给服务器文本内容的编码方式 是URL编码
url:文件在服务器上的位置
async:true(异步)或 false(同步)
xhr.send(data)
data:仅用于 POST 请求
重要参数
onreadystatechange
回调函数,每当 readyState 属性改变时,就会调用该函数。
readyState
存有 XMLHttpRequest 的状态。(0-4)
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
status
200: "OK"
404: 未找到页面
get请求:
get请求
相关文章推荐
- 什么是Ajax
- 什么是ajax?,ajax能干什么?
- 什么是Ajax?
- 什么是Ajax
- AJAX是什么? AJAX的交互模型(流程)?同步和异步的区别? AJAX跨域的解决办法?
- Ajax XmlHttp是什么?
- 什么是 AJAX?
- 什么是 AJAX?
- php+ajax无刷新聊天-?用什么保存聊天内容好点
- 什么是Ajax?
- AJAX是什么?
- jQuery 中 ajax 的 complete 和 success 有什么区别
- 什么是Ajax无刷新技术?
- ajax在什么情况下会走success和error
- AJAX 是什么?
- 什么是Ajax
- AJAX是什么? AJAX的交互模型(流程)?同步和异步的区别? AJAX跨域的解决办法?
- AJAX的流程是什么?
- 当JQuery的$.ajax函数请求不存在的url时,从error函数里是否能得知发生什么了?