简述 AJAX 及基本步骤

最新推荐文章于 2022-08-19 08:17:42 发布

weixin_30435261

最新推荐文章于 2022-08-19 08:17:42 发布

阅读量389

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/babywin/p/6485280.html

版权

简述 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.οnclick=function(){
        　　ajax('ajax.txt',function(str){
           　　 alert(str);
       　　 });
    　　};
　　</script>
</body>

分享技术，分享快乐！

转载于:https://www.cnblogs.com/babywin/p/6485280.html

weixin_30435261

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简述 AJAX 及基本步骤

简述 AJAX：AJAX即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。AJAX 基本步骤：function ajax(url, fnSucc, fnFa...
复制链接

扫一扫