AJAX的应用

来源:互联网 发布:龙日一你死定了网络剧 编辑:程序博客网 时间:2024/05/22 20:36

AJAX的应用
ajax的优点
ajax技术解决了很多其它技术解决不了的问题,比如:
(1)页面无刷新的动态数据交换(画图讲解复习一次)
(2)局部刷新页面【验证用户名唯一】
(3)界面的美观 【增强用户体验】
(4)对数据库的操作
(5)可以返回简单的文本格式,也可以返回 xml文件格式(这几年很少用了), json数据格式。
3、ajax异步加载原理

这里写图片描述

哪些网站在用ajax?
1 google mail 【google 邮件】
2 google map 【google 地图】
3 google calender 【google 日历】
4 各大银行网站的股票、基金、黄金实时更新
5 各大门户网站【新浪/搜狐/网易/淘宝…】数据动态更新


ajax的经典应用场景
1 动态加载数据,按需取得数据。【树形菜单、联动菜单…】(分析联动菜单)
2 改善用户体验。【输入内容前提示、带进度条文件上传…】
3 电子商务应用。 【购物车、邮件订阅…】

4 访问第三方服务。 【访问搜索服务、rss阅读器】

POST获取的JS封装函数

<html>    <head>        <meta charset="UTF-8">        <title></title>        <script src="ajax.js" type="text/javascript" charset="utf-8"></script>        <script type="text/javascript">            window.onload=function(){                var oBtn=document.getElementById('btn');                var oBox=document.getElementById('box');                oBtn.onclick=function(){                    ajax('POST','inf.php','',function(str){                        oBox.innerHTML=str;                    });                }            }        </script>       </head>    <body>        <input type="button" name="btn" id="btn" value="按钮" />        <div id="box">        </div>    </body></html>
原创粉丝点击