简述 AJAX:AJAX即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
AJAX 基本步骤:function ajax(url, fnSucc, fnFaild){ //1.创建Ajax对象 var oAjax=null;
if(window.XMLHttpRequest) { oAjax=new XMLHttpRequest(); } else { oAjax=new ActiveXObject("Microsoft.XMLHTTP"); }
//2.连接服务器,准备数据 oAjax.open(‘GET‘, url, true); //oAjax.open(“方式”,”地址”,是否为异步);
//3.发送请求 oAjax.send();
//4.接收服务器的返回 oAjax.onreadystatechange=function () { if(oAjax.readyState==4) //完成 { if(oAjax.status==200) //成功 { fnSucc(oAjax.responseText); } else { if(fnFaild) fnFaild(oAjax.status); } } };}
示例:<body> 点击按钮的时候读取ajax.txt<br> <input type="button" value="点击"> <script src="ajax.js"></script> <script> var oBtn = document.getElementsByTagName(‘input‘)[0]; oBtn.onclick=function(){ ajax(‘ajax.txt‘,function(str){ alert(str); }); }; </script></body>
分享技术,分享快乐!
时间: 2024-10-11 21:49:49