Ajax作用及Ajax函数编写

来源:互联网 发布:新开淘宝网店卖什么好 编辑:程序博客网 时间:2024/06/18 04:56

什么是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){//非IE6var oAjax=new XMLHttpRequest();}else{//IE6var 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);}}}}};



0 0
原创粉丝点击