Ajax总结(一)

作者: 风的低语 | 来源:发表于2018-06-20 14:48 被阅读4次

Ajax总结
AJAX总结链接
ajax小结
Ajax总结(一)
Ajax使用专题
Ajax总结
AJAX各种请求
ajax总结
ajax总结
AJAX总结

<!--用在页面少量数据(一部分数据)需要访问服务器更新,并且达不到刷新整个页面的效果
            ajax就是一项动态无刷新技术
            ajax基于js脚本 由于jq封装的是js,jq能用ajax技术
            ajax 主要工作,前后端数据交互
            靠传输的数据格式作为标准
            前后端都要学
            不同步
            不等待结果
            不影响其他结果
            不全部页面更新
            $.(ajax{
                url:"发送的请求地址",
                type:请求方式
                data要发送的数据
                async:boolean
            });
        -->

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/jquery-1.8.3.js"></script>
    <script>
        $(function(){
            $("button").click(function(){
                $.ajax({//能够从服务器获取数据
                    url:"Data/serverData.txt",//jsonp
                    type:"get",
                    dataType:"text",//数据类型
                    success:function(data){//回调函数
//                      alert(data);
                        $(".showData").html(data);//从服务器获取的数据
                    },
                });
            });
        })
    </script>
    </head>
    <body>
        <button>获取数据</button>
        <div class="showData">
        </div>
    </body>
</html>