ajax1—php(27)

一 简介

web程序工作规律图:

传统的web程序工作规律图:

图片 1

Ajax工作原理图:

图片 2

1、  关于Ajax

l  Asynchronous 异步

l  JavaScript

l  And

l  XML

Ajax就是动javascript与xml和服务器交互数据的同一栽技术

Xml:

Json:

2、  发展过程

l  1998年           诞生

l  2005年    流行

3、  运行平台

l  Google Chrome

l  Mozilla

l  Firefox

l  Internet Explorer

l  Opera

l  Konqueror

l  Safari

 

 

次、  核心目标

XMLHttpRequest

同、创建对象

每当不同之浏览器下,创建ajax对象的计略有不同。

IE下:

new ActiveXObject(“Microsoft.XMLHTTP”)

图片 3

w3c模型浏览器:

new XMLHttpRequest()

图片 4

5、封装ajax

图片 5

调用代码:

图片 6

老三、Ajax对象相关属性与法:

1、  相关方法:

l  open(method,url)

初始化ajax对象

 

method:请求方式    post、get

 

url:请求资源地址  

l  setRequestHeader(header,value)

 

安请求头信息

Header:头信息

Value:值

 

l  send(content)

发送请求

 

Content:所传递的参数  只有以post请求时才用拿参数放在此处

2、  相关属性:

l  readyState

Ajax对象的状态码 ,这个状态码会随时变动

0:表示对象已经建立,但不初始化

1:表示对象都初始化,但非发送

2:已调用send方法进行呼吁

3:正在接收数据(接收及一些)

4:接收好

 

l  onreadystatechange

当ajax对象的状态码发生变更时,所点的回调函数

 

l  status

http响应状态码

 

l  statusText

http响应的公文

 

l  responseText

http响应内容的文件

 

l  responseXML

http响应内容之xml数据

 

Ajax对象数据的传递主要有三种方式:

Text:responseText

Xml:reponseXML

Json:responseText

 

相关文章