简述 AJAX 及基本步骤
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了简述 AJAX 及基本步骤相关的知识，希望对你有一定的参考价值。
简述 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>
分享技术，分享快乐！
以上是关于简述 AJAX 及基本步骤的主要内容，如果未能解决你的问题，请参考以下文章