《PHP基础教程C17javascript09》由会员分享，可在线阅读，更多相关《PHP基础教程C17javascript09（22页珍藏版）》请在金锄头文库上搜索。
1、JS09-Ajax主讲: 邮箱: 课前复习 XML DOM预习检查什么是AjaxAjax的执行流程本章内容1.AJAX介绍2.AJAX的操作3.总结AJAX请求流程 认识AjaxAjax是Asynchronous JavaScript and XML的缩写，即“异步的JavaScript和XML技术”。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用AJAX）如果需要更新内容，必需重载整个网页面。有很多使用AJAX的应用程序案例：新浪微博、Googl
2、e地图、开心网等等。XMLHttpRequest对象XMLHttpRequest是AJAX的基础。XMLHttpRequest对象所有现代浏览器均支持XMLHttpRequest对象。XMLHttpRequest用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。创建XMLHttpRequest对象所有现代浏览器均内建XMLHttpequest对象。创建XMLHttpRequest对象的语法：variable = new XMLHttpRequest();XMLHttpRequest对象老版本的Internet Explorer（IE5和IE6）使用A
3、ctiveX对象：variable = new ActiveXObject(“Microsoft.XMLHTTP”);为了应对所有的现代浏览器，包括IE5和IE6，请检查浏览器是否支持XMLHttpRequest对象。如果支持，则创建XMLHttpRequest对象。如果不支持，则创建ActiveXObject：var xmlhttp;if(window.XMLHttpRequest)xmlhttp=new XMLHttpRequest(); /IE7+ Firefox Chrome Opera Safarielse xmlhttp=new ActiveXObject(“Microsoft.X
4、MLHTTP”); /IE5 , IE6XMLHttpRequest对象向服务器发送请求：如需将请求发送到服务器，我们使用XMLHttpRequest对象的open()和send()方法：xmlhttp.open(“GET”,”test1.txt”,true);xmlhttp.send();open方法：open(method,url,async)规定请求的类型、URL以及是否异步处理请求method：请求的类型；GET或POSTurl：文件在服务器上的位置 async：true（异步）或false（同步）XMLHttpRequest对象send方法：send(string)将请求发送到服务器
5、。string：仅用于POST请求GET请求与POST请求GET请求：如果我们希望通过GET方法发送信息，请向URL添加信息：xmlhttp.open(“GET”,”demo.php?name=lijiexmlhttp.setRequestHeader(“Content-type”,”application/x-www-form-urlencoded”);/向请求添加HTTP头xmlhttp.send(“name=lijie服务器响应：redponseText 获得字符串形式的响应数据responseXML 获得XML形式的响应数据异步与同步onreadystatechange事件当请求被发送
6、到服务器时，我们需要执行一些基于响应的任务。每当readyState改变时，就会触发onreadystatechange事件。readyState属性存有XMLHttpRequest的状态信息。下面是XMLHttpRequest对象的三个重要的属性：1.onreadystatechange 存储函数（或函数名），每当readyState属性改变时，就会调用该函数。异步与同步2.readyState 存有XMLHttpRequest的状态。从0到4发生变化。0：请求未初始化1：服务器连接已建立2：请求已接收3：请求处理中4：请求已完成，且响应已就绪3.status 200：OK404：未找到页面
7、异步与同步4.使用Callbackcallback函数是一种以参数形式传递给另一个函数的函数。Callback函数var xmlhttp;function loadXMLDoc(url,cfunc)if (window.XMLHttpRequest) / code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); else / code for IE6, IE5 xmlhttp=new ActiveXObject(Microsoft.XMLHTTP); xmlhttp.onreadystatechang
8、e=cfunc;xmlhttp.open(GET,url,true);xmlhttp.send(); Callback函数function myFunction()loadXMLDoc(/ajax/test1.txt,function() if (xmlhttp.readyState=4 AJAX+PHP请求流程1.AJAX使用open函数以GET或者POST方式，使用send函数来向PHP发送请求；2.请求结果readyState的改变，触发事件onreadystatechange；3.判断readyState=4并且status=200，代表请求成功，并有响应；4.响应的值是PHP脚本输出的内容，这个内容在JS端使用responseText来接收，并进行相关处理。AJAX对接收到的内容进行处理PHPecho 内容1.open()函数确定请求文件url，确定发送方式2.交给send()函数发送请求php端输出的内容responseText接收总 结本章必须掌握的知识点：
