AJAX
DHTML
XHR
AJAX
AJAX编码步骤<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>测试异步与服务器的通信</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <script type="text/javascript" src="util.js"></script> <script type="text/javascript"> window.onload=function(){ document.getElementById("bt1").onclick=function(){ //发出异步请求 // 1、创建XmlHttpRequest对象 var xhr = getXmlHttpRequest(); // 2、注册状态监控回调函数 .何时调用。xhr属性readyState每次发生变化时 xhr.onreadystatechange=function(){ if(xhr.readyState==4){//说明响应结束 if(xhr.status==200){//说明响应成功。status代表是响应状态码 //alert(xhr.statusText); alert("异步请求已经响应结束了,请到控制台看看服务器端有没有输出"); } } } // 3、建立与服务器的异步连接 xhr.open("GET","/day21_00_ajax/servlet/ServletDemo1?time="+new Date().getTime()); // 4、发出异步请求 xhr.send(null); } } </script> </head> <body> <input type="button" id="bt1" value="发出异步请求"/> </body> </html> XmlHttpRequest的属性
XmlHttpRequest的方法
XmlHttpRequest的状态监听器
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |