00-AJAX.ppt

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