AJAX的应用

最新推荐文章于 2023-03-19 20:32:34 发布

hui_010

最新推荐文章于 2023-03-19 20:32:34 发布

阅读量511

点赞数

文章标签： ajax

本文链接：https://blog.csdn.net/hui_010/article/details/72625834

版权

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>