00-AJAX.pptVIP

AJAX ajax接收xml数据注意 如果xml是使用php生成的，则php页面需要设置header头信息 header(content-type:text/xml;charset=utf-8); 否则，可以通过ajax设置接收信息类型 xhr.overrideMimeType(text/xml); 推荐使用前者。 AJAX json数据接收处理 PHP函数： json_encode() json_decode() JS函数：eval() AJAX xhr2新特性FormData 表单数据格式化 xhr2级为序列化表单及创建与表单格式相同的数据提供了FormData对象 AJAX xhr2新特性---文件上传 通过FormData对象可以收集被上传的文件信息，实现ajax上传文件 AJAX xhr2---文件上传 AJAX xhr2---文件上传 window系统上传图片名字乱码解决 AJAX xhr2新特性---上传附件进度条 var xhr = new XMLHttpRequest(); xhr.upload.onprogress = function(event){} event.loaded; 已经上传的大小 event.total; 被上传文件总大小 AJAX 如何解决跨域问题？ 例如: /beijing/index.shtml ajax通过open访问上边的地址 AJAX 如何解决跨域问题？ XMLHttpRequest的一个特殊安全问题： IE：访问跨域页面时会给出提示，用户确认后会访问 Mozilla FireFox及其他：不允许访问跨域页面 —高级软件人才实作培训专家! —高级软件人才实作培训专家! //情况IE //ActiveXObject //具体版本划分: // Microsoft.XMLHTTP // Msxml2.XMLHTTP // Msxml2.XMLHTTP.3.0 // Msxml2.XMLHTTP.4.0 // Msxml2.XMLHTTP.5.0 // Msxml2.XMLHTTP.6.0 var xhr = “”; //声明 if(window.ActiveXObject){ var version = [Msxml2.XMLHTTP.6.0,Msxml2.XMLHTTP.5.0,Msxml2.XMLHTTP.4.0,Msxml2.XMLHTTP.3.0,Msxml2.XMLHTTP,Microsoft.XMLHTTP]; for(var i=0; iversion.length; i++){ xhr = new ActiveXObject(version[i]); if(xhr){ break; } } } xhr.open(get,./04-get.php?useremail=+encodeURIComponent(name),true); Ajax 学习内容 什么是ajax 简单历史 传统请求与ajax请求区别 XMLHttpRequest对象创建 ajax方法完成服务器请求、属性完成服务器响应 ajax之get、post请求 ajax对html、xml数据接收处理 ajax上传文件及进度条 ajax若干案例 ajax对json处理 ajax缓存问题 AJAX 什么是Ajax Ajax被认为是(Asynchronous JavaScript and XML的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. Ajax：一种不用刷新整个页面便可与服务器通讯的办法. Ajax名词由来 虽然XMLHttpRequest的出现已经有近十个年头，但是Ajax这个概念却是直到2005年2月才被Adaptive Path公司负责用户体验策略的主管Jesse James Garrett正式提出。他在2005年2月18日发表了一篇题为《Ajax：A New Approach to Web Applications》（Ajax：一个Web应用的新途径）的论文，明确地将Ajax定义为Asynchronous JavaScript and XML，这就是Ajax这个名词的由来。 而Ajax技术应用的先驱和主要推动者则是著名的搜索引擎公司：Google。Google在2005年推出的Gmail，充分展示了Ajax的魅力所在，吸引了无数用户。从此，在全世界范围内逐渐刮起了一阵Ajax的旋风。 AJAX XMLHttpRequest对象 XMLHttpRequest 惟一的目的是让您发送请求和接收响应。 XMLHttpRequest最初叫做XMLHT