                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /Ajax全接触

ajax的open()

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript">
   window.onload=function(){
       //1.获取 a 节点，并为其添加 onclick 响应函数
       document.getElementsByTagName("a")[0].onclick=function(){
           //3.创建一个 XMLHttpRequest 对象
           var request=new XMLHttpRequest();
           //4.准备发送请求的 method 和 url
           var url=this.href;
           var method="GET";
           alert(3);
           //5.调用 XMLHttpRequset 对象的 open() 方法 (准备请求)
           request.open(method,url);

           alert(4);
           //6.调用 XMLHttpRquest 对象的 send() 方法   (发送请求)
           request.send();
           //7.为 XMLHttpRquest 对象添加onreadystatechange 响应函数
           request.onreadystatechange=function(){
           //8.判断响应是否完成：XMLHttpRequest 对象的 readystate属性值为 4 的时候
               if(request.readystate==4){
               //9.再判断是否可用：XMLHttpRequest 对象的 status 属性为值 200
                   if(request.status==200 || request.status==304){
                           //10.打印响应的结果： responseText
                       alert(request.responesText);
                   }
               }
           }
           //2.取消a节点的默认行为
           return false;
       }
   }
</script>
</head>
<body>
   <a href="helloAjax.txt">HelloAjax</a>
</body>
</html>