您现在的位置是:首页 > 电脑技术查询 > web开发

Ajax入门引见以及用Ajax写helloworld

编辑:chaxungu时间:2022-10-10 23:23:48分类:web开发

Ajax入门介绍以及用Ajax写helloworld

1: Ajax被认为是(Asynchronous JavaScript and XML的缩写)。现在,允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.

Ajax:一种不用刷新整个页面便可与服务器通讯的办法2:用ajax编写一个helloworld的小程序,在超链接中弹出文本框中的内容。

<script type="text/javascript">   window.onload=function(){    //1:获取a节点,并对其添加onclick()相应函数     document.getElementsByTagName("a")[0].onclick=function(){     // 2:创建一个XMLHttpRequest对象         var request=new XMLHttpRequest();     // 3:准备发送请求的数据:url       var url=this.href;     //4:调用XMLHttpRequest对象的open方法      request.open("GET",url);     //5:调用XMLHttpRequest对象的send方法          request.send(null);     //6:为XMLHttpRequest对象添加Onreadystatechange响应函数     request.onreadystatechange=function(){      //判断响应是否完成:XMLHttpRequest的readyState的属性值为4的时候       // alert(request.readyState);       if(request.readyState==4){       // 判断响应是否可用,XMLHttpRequest的status的属性值为200的时候        if(request.status==200||request==304)        //8:打印响应结果          alert(request.responseText);       }     }       return false;  //保证不会调转啊,取消点击的默认行为     };   }   </script></head><body><a href="helloAjax.txt">helloAjax</a></body>3:创建XMLHttpRequest对象

var request=new XMLHttpRequest();

4:XMLHttpRequest的方法


5:XMLHttpRequest的属性


•status–服务器发送的每一个响应也都带有首部信息。三位数的状态码是服务器发送的响应中最重要的首部信息,并且属于超文本传输协议中的一部分。–常用状态码及其含义:•404 没找到页面(notfound)•403 禁止访问(forbidden)•500 内部服务器出错(internalservice error)•200 一切正常(ok)•304 没有被修改(notmodified)–在 XMLHttpRequest对象中,服务器发送的状态码都保存在status 属性里。通过把这个值和200 或 304比较,可以确保服务器是否已发送了一个成功的响应