基于JavaScript的AJAX

一、AJAX简介：(百度百科对AJAX的介绍）

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。
Ajax = 异步 JavaScript 和 XML（标准通用标记语言的子集）。
Ajax 是一种用于创建快速动态网页的技术。
Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 [1]
通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。

二、实现AJAX的三个步骤

1.创建XMLHttpRequest对象：

var xmlHttpRequest = new XMLHttpRequest();//IE7+,Firefox,Chrome等浏览器
var xmlhttpRequest = new ActiveXObject("Microsoft.XMLHTTP");//IE5，IE6浏览器

2.向服务器发送请求：

  xmlHttpRequest.setRequestHeader('CONTENT-TYPE', 'application/x-www-form-urlencoded' );//设置Http请求头。
    xmlHttpRequest.send();
    xmlHttpRequest.open('GET','url',true);    // open()方法：open('type','url','async');//type:请求的类型，GET,POST两种；url：向服务器请求的地址，async:true:异步请求，false：同步请求。

3.接受服务器响应：
获取服务器的响应使用XMLHttpRequest对象的responseText和responseXML属性：
responseText：获得字符串形式的响应数据
responseXML：获得XML形式的响应数据

 var strText = xmlHttpRequest.responseText;
 var xmlText = xmlHttpRequest.responseXML;

三、MLHttpRequest对象其他属性：

1.readyState：存有XMLHttpRequest的状态（0，1，2，3，4）
    0：请求未初始化
    1：请求已建立连接
    2：请求已接收
    3：请求处理中
    4：请求已完成，响应已就绪
2.status：200：服务器响应正常，404：资源找不到，500，服务器发生错误（常见的三种状态，还有很多其他状态）
3.onreadystatechange：函数名，每当readyState发生改变时触发该事件。

基于JavaScript的AJAX

猜你喜欢