(AJAXJSON.docVIP

1、ajax (1)是什么？ asynchronous javascript and xml: 异步的javascript和xml 通过浏览器内置的一个对象(XmlHttpRequest)异步地向服务器发送请求，（所谓异步，指的是浏览器并没有抛弃整个页面，用户仍然可以操作原有的页面），服务器在处理完请求之后，返回数据给XmlHttpRequest,通过javascript,更新页面。整个过程当中，用户不用等待服务器的响应。 (2)ajax编程 a,XmlHttpRequest对象 该对象由浏览器实现（该实现并没有标准化）， 在创建该对象时，要区分浏览器。 2)该对象的重要属性 responseText:获取服务器响应的文本数据 responseXml:获取服务器响应的xml数据 status:获取服务器返回的状态码(比如200) readyState:获取XmlHttpRequest与服务器通讯的状态(0,1,2,3,4) 0 (未初始化) 对象已建立，但是尚未初始化（尚未调用open方法） 1 (初始化) 对象已建立，尚未调用send方法 2 (发送数据) send方法已调用。 3 (数据传送中)已接收部分数据，此时，数据不完整。 4 (响应结束),此时，可以通过responseText/responseXml 获取数据了。 //同步和异步说的是相对于js引擎的线程，同步的…就是发送完ajax请求(xmlHttpRequest.send(null)后立马等待回调函数运行完)，会等待回调函数执行完，才会继续运行后面的js; //异步的…就是发送完请求立即继续运行，等请求的内容获取到之后再单独调用回调函数。 //验证表单时，要用flag作为return;回调函数中用来修改flag的值,不能有return,即使有，它没有接受者，会被抛弃。 -------------------------代码：--------------------------- //获得XmlHttpRequest对象 function getXmlHttpRequest(){//得到XmlHttpRequest对象 var xmlHttpRequest = null; if ((typeof XMLHttpRequest) != undefined) { xmlHttpRequest = new XMLHttpRequest();//非ie浏览器 }else { xmlHttpRequest = new ActiveXObject(Microsoft.XMLHttp); //ie浏览器 } return xmlHttpRequest; } ---------------------------------------------------- //采用get方式 function valiusername(){//onblur事件 var xmlReq = getXmlHttpRequest(); var url=valiusername.do?username= + $F(username);//servlet里要写对应的代码if(path.equals())//get方式参数写在url中 xmlReq.open(get,encodeURI(url),true);// encodeURI(url)指定客户 浏览器向服务器发送请求时采用utf-8来编码,它是js内置函数 xmlReq.onreadystatechange=function(){ if(xmlReq.readyState == 4){ if(xmlReq.status == 200){//200表示正常返回 var resText = xmlReq.responseText; $(username_msg).innerHTML = resText; }else{ $(username_msg).innerHTML = system error; } }else{//其他状态码表示正在验证 $(username_msg).innerHTML = checking...; } } xmlReq.send(null); } ---------------------------------