什么是Ajax:AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
- 无刷新数据读取
- 用户登陆、股票基金网
- 异步、同步
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。ajax
是与服务器交换数据并更新部分网页的技术,在不重新加载整个页面的情况下。有很多使用 ajax 的应用程序案例:如新浪微博、Google 地图、开心网等等。
百度搜索提示:只要打关键字,就有相关提示。
登录框:
股票信息:
传统的开发模式和ajax开发模式比较:
传统的开发模式:用户的每一次操作都触发一次返回服务器的HTTP请求,服务器做出处理后,返回一个html页面给用户。
ajax开发模式:页面将用户的操作通过ajax引擎与服务器进行通信,将返回的结果给ajax引擎,然后ajax将数据插入指定位置。
Ajax函数编写过程:
function ajax(url,fnSucc,fnFaild){
//1.创建ajax对象
if(window.XMLHttpRequest){
//非IE6
var oAjax=new XMLHttpRequest();
}
else{
//IE6
var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
}
//2.连接服务器
//open(方法,文件名,异步传输)
oAjax.open('GET',url,true);
//3.发送请求
oAjax.send();
//4.接收返回
oAjax.onreadystatechange=function(){
//oAjax.readyState //浏览器和服务器,进行到哪一步了
if(oAjax.readyState==4) //读取完成
{
if(oAjax.status==200) //成功
{
fnSucc(oAjax.responseText);
}
else{
if(fnFaild){
fnFaild(oAjax.status);
}
}
}
}
};