AJXA的基本使用方法和代码

来源：互联网发布：七天网络查分登录app 编辑：程序博客网时间：2024/05/18 01:26

AJAX

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

使用AJXA是为了在网页应用中不刷新页面的情况下进行数据获取

使用ajxa首先要创建一个ajxa对象

var ajxa=nwe XMLHttpRequest()；

为了兼容低版本或者其他浏览器也要使用以下方法创建

variable=new ActiveXObject("Microsoft.XMLHTTP");

一般的兼容写法以下是w3c的代码

var xmlhttp;if (window.XMLHttpRequest)  {// code for IE7+, Firefox, Chrome, Opera, Safari  xmlhttp=new XMLHttpRequest();  }else  {// code for IE6, IE5  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");  }

如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法

比如xmlhttp.open("GET","test1.txt",true)

三个参数第一个是请求方法第二个是请求的文件第三个是选择是否异步

如果来自服务器的响应并非 XML，就需要使使用 responseText 属性。

responseText 属性返回字符串形式的响应，

以下是详细代码

请求一个目录下的TXT文件获取里面的数据

<!DOCTYPE HTML> <html> <head> <title>Ajxa</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"><script type="text/javascript"> window.onload=function(){ var query=null; //创建一个AJXA 的变量赋空 //按钮点击之后创建一个对象并执行操作 document.getElementsByTagName("button")[0].onclick=function (){ var xmlHttp; try{ xmlHttp=new XMLHttpRequest(); }catch(e){ try{ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ xmlHttp=new ActiveXOBject("Microsoft.XMLHTTP"); }catch(e){ alert("对不起，您的浏览器版本过低，请升级您的浏览器"); return false; } } } if(xmlHttp){ //打开连接使用open方法是否异步 xmlHttp.open('GET','text.txt',true); //readyState是判断是否等于4 如果等于四表示连接已完成并弹出从服务器获取的返回数据 xmlHttp.onreadystatechange=function (){ if(xmlHttp.readyState==4){ if(xmlHttp.status==200){ if(xmlHttp.responseText==''){ document.getElementById("text").innerHTML='无数据'; }else{ document.getElementById("text").innerHTML=xmlHttp.responseText; } } } } //send方法把异步请求发送到服务器端 xmlHttp.send(null); }else{ alert("Ajxa对象创建失败"); } } } </script> <button>获取数据</button> <input></input> <p>数据为:<a id="text">初始化中</a></p> </head> <body> </body> </html>

0 0