AJAX简单总结

一:AJAX是什么

AJAX是异步的 JavaScript 和 XML,ajax不是新的编程语言,ajax是与服务器交换数据并更新部分网页的艺术(异步请求 局部刷新)AJAX的原则是按需取数据

二:为什么要用AJAX(即AJAX的优点)

1:局部刷新 不阻塞 用户体验好

2:异步请求:与服务器异步通信 响应迅速

3:减轻服务器的压力:把服务器的负担转嫁给客户端 利用客户端的闲置能力处理 节约宽带

4:被广泛支持 不需要下载插件

三:AJAX的工作原理

首先要明白AJAX的核心是XMLHttpRequest对象 通过这个对象向服务器发送异步请求,从服务器获得请求数据,通过js对DOM进行操作从而更新页面

四:原生AJAX的步骤

1:创建XMLHttpRequest对象

var request=null

if(window.XMLHttpRequest){

request=new XMLHttpRequest()  //主流浏览器

}else(){

request=new ActiveXObject("Microsoft.XMLHTTP") //兼容ie5 ie6

}

2:与服务器建立连接

request.open("url","get/post","true/false")   //true异步 false同步 默认true

3:发送请求

request.send()

4:获取数据响应

request.onreadystatechange=funcion(){}

五:XMLHttpRequest属性

reaponseText: 返回数据的字符串形式

onreadystatechange : 每次状态改变触发的事件

status: 服务器返回的状态码

readyState: 对象就绪码(0:请求初始化 1:服务器建立 2:请求接受 3: 请求处理 4:请求完成 响应就绪)

六:封装好的AJAX及其参数用法

$.ajax({

url: 发送请求的地址

cache:true/false  (默认为true false时不缓存此页面),

data:"字符串  发送到服务器的请求数据  get请求中跟在url后面",

dataType:"数据类型 html/xml/json/jsonp",

error:请求失败调用函数,

success:请求成功函数

timeout: 多长时间以后请求

async:默认true 异步请求

beforeSend():发送请求前执行

})

七:AJAX缺点:

1:ajax不支持浏览器back按钮

2:对搜索引擎支持比较弱

3:破环程序异常机制 (捕获异常 tyr() catch() finally())

4:不易调试

八:传统web与AJAX请求区别

1:请求,响应方式不同:AJAX异步

2:数据处理:传统web刷新整个页面 AJAX只刷新需要的数据

你可能感兴趣的:(AJAX简单总结)