PHP基础教程_C17_javascript09.pdfVIP

JS09--Aj ax 主讲 邮箱 课前复习 XML DOM 预习检查 什么是Aj ax Aj ax的执行流程 本章内容 1.AJAX介绍 2.AJAX的操作 3.总结AJAX请求流程 认识Aj ax Aj ax是Asynchronous JavaScript and XML的缩写 ，即 “异步的 JavaScript和XML技术”。 AJAX是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换 ，AJAX可以使网页实现异步更新。 这意味着可以在不重新加载整个网页的情况下 ，对网页的某部分进行更 新。 传统的网页 （不使用AJAX ）如果需要更新内容 ，必需重载整个网页面。 有很多使用AJAX的应用程序案例 ：新浪微博、Google地图、开心网等等。 XMLHttpRequest对象 XMLHttpRequest是AJAX的基础。 XMLHttpRequest对象 所有现代浏览器均支持XMLHttpRequest对象。 XMLHttpRequest用于在后台与服务器交换数据。这意味着可以在不重新 加载整个网页的情况下 ，对网页的某部分进行更新。 创建XMLHttpRequest对象 所有现代浏览器均内建XMLHttpequest对象。 创建XMLHttpRequest对象的语法 ： variable = new XMLHttpRequest(); XMLHttpRequest对象 老版本的Internet Explorer （IE5和IE6 ）使用ActiveX对象 ： variable = new ActiveXObj ect( “Microsoft.XMLHTTP”); 为了应对所有的现代浏览器 ，包括IE5和IE6 ，请检查浏览器是否支持 XMLHttpRequest对象。如果支持 ，则创建XMLHttpRequest对象。 如果不支持 ，则创建ActiveXObj ect ： var xmlhttp; if(window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest(); //IE7+ Firefox Chrome Opera Safari }else{ xmlhttp=new ActiveXObj ect( “Microsoft.XMLHTTP”); //IE5 , IE6 } XMLHttpRequest对象 向服务器发送请求 ： 如需将请求发送到服务器 ，我们使用XMLHttpRequest对象的open()和 send()方法 ： xmlhttp.open( “GET”,”test1.txt”,true); xmlhttp.send(); open方法 ： open(method,url,async) 规定请求的类型、URL以及是否异步处理请求 method ：请求的类型 ；GET或POST url ：文件在服务器上的位置 async ：true （异步 ）或false （同步 ） XMLHttpRequest对象 send方法 ： send(string) 将请求发送到服务器。 string ：仅用于POST请求 GET请求与POST请求 GET请求 ： 如果我们希望通过GET方法发送信息 ，请向URL添加信息 ： xmlhttp.open( “GET”,”