ajax基础

Ajax的全称是：异步的javascript和xml，无刷新技术不是语言。

核心对象：XMLHttpRequest

创建一个XMLHttpRequest对象

Var request;

If(window.XMLHttpRequest)//判断浏览器是否支持XMLHttpRequest对象

{

Request=new XMLHttpRequest();

}else{

Request=new ActiveXObject(“Microsoft.XMLHTTP”);

}

 

http计算机通过网络进行通信的规则。是一种无状态的连接（不建立持久的连接）。

Get请求：使用url传递参数，对所发送的信息的数量也有限制，一般在2000个字符（不安全）

Post请求:一般用于修改服务器上的资源。对发送的信息数量无限制（较安全）

常见http状态码：

200：成功，表示用户请求被正确接收，理解和处理。

404：客户端错误，表示客户端提交的请求有错误。

500：服务器错误，表示服务器不能完成对请求的处理。

 

XMLHttpRequest发送请求的方法

Open(method,url地址,是否同步);//参数3默认为true，即允许异步.一般不填写

Send(string);//get请求时没有参数（参数附加到url之后了），post有参数

 

XMLHttpRequest取得响应

responseText：获得字符串形式的响应数据

ResponseXML:获得XML形式的响应数据

Status和statusText：以数字和文本形式返回HTTP状态码

 

readyState属性：实时监听响应的状态

0：请求未初始化，open还没有调用

1：服务器连接已建立，open已经可以调用了

2：请求已接收（接收到头信息了）

3：请求处理中（接收到响应主体了）

4：请求已完成(响应完成了)

 

步骤如下：

步骤一：

创建一个XMLHttpRequest对象

Var request;

If(window.XMLHttpRequest)//判断浏览器是否支持XMLHttpRequest对象

{

Request=new XMLHttpRequest();

}else{

Request=new ActiveXObject(“Microsoft.XMLHTTP”);

}

步骤二：调用open方法

request.Open(method,url地址,是否同步）;

步骤三：发送请求

Request.send();

步骤四：设置字符集方式

request.setRequestHeader(“Content-Type”,”application/html”);

步骤五：处理响应数据的回调函数

Request.onreadystatechange=function(){

//判断响应状态和HTTP状态码

If(request.readyState==4&&request.status==200){

        //处理信息和呈现 如：requestText

}

}

 

 

用jquery实现ajax

jQuery.ajax({setting});

常用设置参数：

Type：类型：get或post，默认get

Url：发送请求的地址

Data：是一个对象，连同请求发送到服务器的数据

dataType：预期服务器返回的数据类型

Success:是一个方法，请求成功的回调函数

Error：是一个方法，请求失败调用此函数

例如：

$.ajax(

{   type: "POST",  

url: "some.php",

 data: "name=John&location=Boston", 

 success: function(msg)

{     alert( "Data Saved: " + msg );   }

});