1、Java私塾AJAX开发初步深入浅出系列精品教程n 学习AJAX开发初步，达到能基本使用AJAX进行开发应用n 第一章：AJAX开发基础知识包括：是什么、能干什么、有什么，XMLHttpRequest对象的初始化、属性、方法和基本使用n 第二章：AJAX的HelloWorld包括基本的使用方法，用AJAX实现数据校验n 第三章：AJAX实现下拉列表联动n 第四章：AJAX结合XML的操作包括AJAX读取xml文档、AJAX上传xml数据、AJAX获取XML数据并处理深入浅出学AJAX开发初步系列精品教程真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900课程概览真正高质量
2、培训签订就业协议 网址：http:/咨询QQ：460190900第一章：AJAX开发基础知识深入浅出学AJAX开发初步系列精品教程n AJAX是什么AJAX是“Asynchronous JavascriptAnd Xml”的首字母简写，表示：异步Javascript和Xml。AJAX是一种在网络应用中实现异步通讯和数据交换的技术。其实是多种技术的综合，包括：Javascript、XHTML、CSS、XML、DOM、XSLT和XMLHttpRequest等技术。没有提出AJAX的时候，上述技术只是单独使用，有了AJAX的时候，他们就可以协作起来，实现更多的功能。事实上，AJAX并没有新技术，其实
3、是把一堆的老技术进行整合，焕发出新的青春，实现新的功能而以。n AJAX能干什么AJAX能干的事情很多，最基本的有以下几条：1：无刷新更新页面2：按需获取数据，减轻服务器负担3：可以实现富客户端4：基于标准化和广泛使用的技术5：进一步实现页面和逻辑相分离6：使用户获得连续的、动态的体验真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900认识AJAX-1深入浅出学AJAX开发初步系列精品教程n AJAX有什么AJAX就是由上面提到的那一堆技术的集合，其中XMLHttpRequest就是AJAX用来实现异步通讯的核心技术，下面就重点说说XMLHttpRequest：1：如何初
4、始化XMLHttpRequest对象varmyRequest; /IE浏览器之一myRequest= new ActiveXObject(“Msxml2.XMLHTTP“);/ IE浏览器之二myRequest= new ActiveXObject(“Microsoft.XMLHTTP“);/Mozilla浏览器myRequest= new XMLHttpRequest();真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900认识AJAX-2深入浅出学AJAX开发初步系列精品教程2：XMLHttpRequest对象的属性真正高质量培训签订就业协议 网址：http:/咨询Q
5、Q：460190900认识AJAX-3深入浅出学AJAX开发初步系列精品教程3：XMLHttpRequest对象的方法真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900认识AJAX-4深入浅出学AJAX开发初步系列精品教程4：指定响应处理函数（回调函数）myRequest.onreadystatechange= t2;function t2() 。5：发出Http请求myRequest.open(“GET“,“b.jsp?id=“+userId,true);myRequest.send(null);open的第一个参数：是HTTP请求的方法，Get、Post或Heado
6、pen的第二个参数：是目标URL，只能是当前应用内的URLopen的第三个参数：指定在等待服务器返回信息的时间内是否继续执行下面的代码，如果为true，则会继续执行，默认是true调用完open后，接着调用send方法，真正的提交。如果需要传递文件的话，需要先调用setRequestHeader方法，修改MIME类别，如下：myRequest.setRequestHeader(“Content-Type”,”application/msexcel”);真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900认识AJAX-5深入浅出学AJAX开发初步系列精品教程6：处理服务器返
7、回的信息首先根据XMLHttpRequest的readyState的值，然后获取值，如果是文本的话，通过responseText来获取，如下：if(myRequest.readyState=4)varret = myRequest.responseText;/接下来处理返回的值，主要使用Javascript真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900认识AJAX-6深入浅出学AJAX开发初步系列精品教程真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900第二章：AJAX开发HelloWorld深入浅出学AJAX开发初步系列精品教程varmyR
8、equest;function t1()/准备数据varuserId= document.all(“userId“).value/Ajax begin-myRequest= new ActiveXObject(“Msxml2.XMLHTTP“);myRequest.onreadystatechange= t2;myRequest.open(“GET“,“b.jsp?id=“+userId,true);myRequest.send(null);真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900AJAX请求页面-1深入浅出学AJAX开发初步系列精品教程function t2
9、()if(myRequest.readyState=4)varret = myRequest.responseText;/后续处理document.all(“myDiv“).innerHTML= ret;新用户注册用户编号：*用户姓名：*真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900AJAX请求页面-2深入浅出学AJAX开发初步系列精品教程0 function t3()/准备数据varuserId= document.all(“province“).value/Ajax-myRequest= new ActiveXObject(“Msxml2.XMLHTTP“);m
10、yRequest.onreadystatechange= t4;myRequest.open(“GET“,“c.jsp?id=“+userId,true);myRequest.send(null);真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900AJAX请求页面-1深入浅出学AJAX开发初步系列精品教程function t4()if(myRequest.readyState=4)varret = myRequest.responseText;varobj= document.all(“area“);for(vari=obj.options.length-1;i=0;i
11、-)obj.options.remove(i);varops = ret.split(“|“);for(vari=0;i真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900AJAX请求页面-2深入浅出学AJAX开发初步系列精品教程新用户注册所在省份：bjcityshcitysdcity所在市区：cyhd真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900AJAX请求页面-3深入浅出学AJAX开发初步系列精品教程真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900AJAX响应页面深入浅出学AJAX开发初步系列精品教程真正高质量培训
12、签订就业协议 网址：http:/咨询QQ：460190900第四章：典型应用操作xml深入浅出学AJAX开发初步系列精品教程varhttp_request= false;function send_request(url) /初始化、指定处理函数、发送请求的函数http_request= new ActiveXObject(“Microsoft.XMLHTTP“);http_request.onreadystatechange= processRequest;http_request.open(“GET“, url, true);http_request.send(null);function
13、 processRequest() if (http_request.readyState= 4) / 判断对象状态if (http_request.status=200) / 信息已经成功返回，开始处理信息varreturnObj= http_request.responseXML;varxmlobj= http_request.responseXML;varemployees = xmlobj.getElementsByTagName(“employee“);varfeedbackStr= “;真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900直接读取xml的AJA
14、X请求页面-1深入浅出学AJAX开发初步系列精品教程for(vari=0;i真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900直接读取xml的AJAX请求页面-2深入浅出学AJAX开发初步系列精品教程Programmer32768Sales70000CEO100000真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900被读取的xml深入浅出学AJAX开发初步系列精品教程跟直接读取xml的AJAX页面一样，只是在处理返回的数据的时候，修改成如下：原来：varreturnObj= http_request.responseXML;varxmlobj=
15、http_request.responseXML;修改成：varxmlDoc= new ActiveXObject(“Microsoft.XMLDOM“);xmlDoc.async=false;xmlDoc.loadXML(http_request.responseText); varreturnObj= xmlDoc;varxmlobj= xmlDoc;真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900后台返回xml数据的AJAX请求页面深入浅出学AJAX开发初步系列精品教程“);buffer.append(“Programmer32768“);out.print(b
16、uffer.toString();%真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900后台返回xml数据的AJAX响应页面深入浅出学AJAX开发初步系列精品教程varhttp_request= false;function send_request(url) varstrXML= “Programmer32768“; http_request= new ActiveXObject(“Msxml2.XMLHTTP“);http_request.onreadystatechange= processRequest;http_request.open(“post“, url, true);http_request.send(strXML);function processRequest() if (http_request.readyState= 4) / 判断对象状态alert(http_request.responseText);真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900向后台发送xml的AJAX请求页面深入浅出学AJAX开发初步系列精品教程真正高质量培训签订就业协议 网址：http:/咨询QQ：460190900向后台发送xml的AJAX响应页面深入浅出学AJAX开发初步系列精品教程
