您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例
ajax入门教程-什么是ajax？什么是异步？如何使用ajax？
发布时间：2015-03-06 20:44:19编辑：雪饮阅读（）
什么是ajax？
国内翻译常为“阿贾克斯”和阿贾克斯足球队同音。Web应用的交互如Flickr,Backpack和Google在这方面已经有质的飞跃。这个术语源自描述从基于Web的应用到基于数据的应用的转换。在基于数据的应用中，用户需求的数据如联系人列表，可以从独立于实际网页的服务端取得并且可以被动态地写入网页中，给缓慢的Web应用体验着色使之像桌面应用一样。
ajax中常常提到的“异步'是什么意思？
通常情况下，用户注册，那么用户首先得填写好表单，然后点提交，这样表单就会向服务发出一个请求，则服务器处理代码，如果用户存在，则返回一个信息。总之，就是所有的数据需要你点提交后，信息才会发送！
而AJAX就相当于是模拟了一个信息发送请求，你可以在很多网站上注册的时候会发现，比如用户名输入“123”，那么它可能会提示你该用户已经存在，而给你的感觉是页面并没刷新，也就是并没有提交表单，而用户名又是存放在数据库内的，也就是说要查询用户名是否存在，就必须得发送表单的里的用户名，然后再在数据库中去查询。
而这个过程就是用了AJAX来处理的，用户输入用户名，当表单的焦点发生变化的时候，则会触发AJAX，然后AJAX模拟一个GET或者POST请求给服务器，服务器就会处理传递过来的数据！而服务器在处理数据的时候，你可以做其它的，比较你可以填写密码或者其它的！
当然这样的认识还是不够深刻的。
如何使用ajax？
使用ajax需要先建立ajax引擎，而ajax引擎在不同浏览器间是有差异的，所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。
老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象。
下面我们来做一个小案例来判断浏览器的ajax引擎是XMLHTTpRequest对象还是ActiveX对象：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb18030" />
<title>Untitled Document</title>
<script type="text/javascript">
window.onload=function panduanduixiang(){
var duixiang;
if(window.XMLHttpRequest){
alert("支持XMLHttpRequest");
}
else if(Micorsoft.XMLHTTP){
alert("支持Micorsoft.XMLHTTP");
}
}
</script>
</head>
<body>
</body>
</html>
案例源码下载：
关键字词：ajax,异步,个人博客,雪饮
上一篇：指定某时间进行图片路径的调换