第十二期html5追梦老师知识点课件ajax.pptxVIP

潭州教育-前端开发-H5-12期 第36节课：AJax文件上传-离线存储-worker多线程 主讲人：追梦;一、AJax请求 1. 正常AJax请求数据 ①创建AJax对象 a) var xhr = new XMLHttpRequest( ) ②事件监听,状态值发生改变时触 b) xhr.onreadystatechange = function(){ if ( xhr.readyState ==4 ){ if( xhr.status ==200 ){ alert( xhr.responseText ) } } } ③ 请求方式 c) xhr.open( ‘方式’ , ‘地址’ , ‘是否异步’ ) ④ 发送请求 d) xhr.send();2. 在标准浏览器下，XMLHttpRequest已经升级了，可以支持很多的一些特性 a)可以跨域，在同一服务器下访问不同的域，跟正常的AJax请求过程一样，但需要后端配合 b)权限问题,后端请求头要允许你访问的域 ⑥ header(‘Access-Control-Allow-Origin:http://www.域名.com’) 3. XMLHttpRequest增加了很多功能 c) 规范不推荐使用 onreadystatechange 事件监听状态值