//当页面加载完毕后,执行以下代码 window.onload = function(){ document.getElementById("ok").onclick = function(){ //1 创建XMLHttpRequest对象 var xhr = ajaxFunction(); /* * 2 客户端与服务器端,建立连接 * * open(method,url,asynch) * * method:请求类型,类似 “GET”或”POST”的字符串 * * url:请求路径 * * asynch:表示请求是否要异步传输,默认值为true(异步)。 */ xhr.open("get","../testServlet?timeStamp="+new Date().getTime()+"&c=9",true); /* * 3 客户端向服务器端发送请求 * * send()方法 * * 如果请求类型是GET方式的话,send()方法发送的请求数据,服务器端接收不到.这个步骤是不能省略的! */ xhr.send("a=7&b=8"); //send(null); /* * 4 服务器端响应数据 * * readyState 属性表示Ajax请求的当前状态。它的值用数字代表。 0 代表未初始化。 还没有调用 open 方法 1 代表正在加载。 open 方法已被调用,但 send 方法还没有被调用 2 代表已加载完毕。send 已被调用。请求已经开始 3 代表交互中。服务器正在发送响应 4 代表完成。响应发送完毕 常用状态码及其含义: 404 没找到页面(not found) 403 禁止访问(forbidden) 500 内部服务器出错(internal service error) 200 一切正常(ok) 304 没有被修改(not modified)(服务器返回304状态,表示源文件没有被修改 ) */ xhr.onreadystatechange = function(){ // alert(xhr.readyState); // alert(xhr.status); if(xhr.readyState==4){ if(xhr.status==200||xhr.status==304){ var data = xhr.responseText; alert(data); } } } } } function ajaxFunction(){ var xmlHttp; try{ // Firefox,Opera 8.0+,Safari xmlHttp=new XMLHttpRequest(); } catch (e){ try{// Internet Explorer xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e){ try{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch (e){} } } return xmlHttp; }
原文地址:https://www.jb51.cc/ajax/166019.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。