码迷,mamicode.com
首页 > Web开发 > 详细

简述 AJAX 及基本步骤

时间:2017-03-01 18:04:25      阅读:300      评论:0      收藏:0      [点我收藏+]

标签:sof   activex   txt   nbsp   后台   应用   部分   input   send   

简述 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 及基本步骤

标签:sof   activex   txt   nbsp   后台   应用   部分   input   send   

原文地址:http://www.cnblogs.com/babywin/p/6485280.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!