2014年ajax基础教程1.pptVIP

function createXMLHttpRequest(){ if(window.XMLHttpRequest){ //Mozilla XMLHttpReq=new XMLHttpRequest(); }else if(window.ActiveXObject){ try{ XMLHttpReq=new ActiveXObject(Msxml2.XMLHTTP); }catch(e){ try{ XMLHttpReq=new ActiveXObject(Microsoft.XMLHTTP); }catch(e){} } } } * “window.XMLHttpRequest”为true时表示当前浏览器是IE7或其他浏览器，我们就可以使用new XMLHttpRequest()的方式来创建一个XMLHttpRequest对象 “window.ActiveXObject”为true时表示当前的浏览器为IE6.0及以下的版本，要使用new ActiveXObject(控件名)的方式来创建一个XMLHttpRequest对象 * function proce(){ if(XMLHttpReq.readyState==4){ //对象状态,收到完整的服务器响应 if(XMLHttpReq.status==200){ //信息已成功返回，HTTP服务器响应的值为OK var test = XMLHttpReq.responseText; alert(test); }else{ window.alert(所请求的页面有异常); } } } * function send(url){ createXMLHttpRequest(); XMLHttpReq.open(get,url,true); XMLHttpReq.onreadystatechange=proce; //指定响应的函数 XMLHttpReq.send(null); //发送请求 } * 接下来要做的工作是建立对服务器的调用。这里第一个参数表示http连接的方法, 一般我们使用“GET”或“POST”方式. 第二个参数是服务器端地址，由于使用GET方式，因此要传送给服务器端的数据也在URL中. encodeURI，目的是为了解决URL中的中文信息在服务器端解码的问题，配合服务器端的URLDecoder.decode(old,“UTF-8”)语句可以保证中文信息在服务器端也可以正常被解出。 第三个参数表示是否采用异步方式进行传输，其中true表示采用异步方式，我们在AJAX中看重的就是异步方式，因此这个参数我们通常使用true。 xmlhttp.open(GET,AJAXServer?name= + encodeURI(name),true); * function send(url){ createXMLHttpRequest(); XMLHttpReq.open(get,url,true); XMLHttpReq.onreadystatechange=proce; //指定响应的函数 XMLHttpReq.send(null); //发送请求 } * 然后我们做的工作是设置一个回调函数 回想前面我们说过的AJAX的模式的特点，由于我们采用异步交互的模型，不像同步模式一样可以直接接收响应内容，因此我们需要告诉AJAX引擎当响应数据回来时我要做一些工作，这些工作就是回调函数中的内容。 回顾下CallBack的内容 参考java0803-opensource-spring 中的template xm