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
比较,可以确保服务器是否已发送了一个成功的响应
Ajax入门介绍以及用Ajax写helloworld
时间: 2024-10-14 22:58:19