ajax1

Ajax 是什么? 如何创建一个 Ajax
(1) 含义
ajax 的全称：Asynchronous Javascript And XML。异步传输+js+xml。所谓异步，在这里
简单地解释就是：向服务器发送请求的时候，我们不必等待结果，而是可以同时做其他的事情，等
到有了结果它自己会根据设定进行后续操作，与此同时，页面是不会发生整页刷新的，提高了用户
体验。
(2) 创建步骤
1) 创建 XMLHttpRequest 对象,也就是创建一个异步调用对象
2) 创建一个新的 HTTP 请求,并指定该 HTTP 请求的方法、URL 及验证信息
3) 设置响应 HTTP 请求状态变化的函数
4) 发送 HTTP 请求
5) 获取异步调用返回的数据
6) 使用 JavaScript 和 DOM 实现局部刷新

ajax请求 

 <script>
        $(function(){
            // $.ajax({
            //     type:"get",//请求方法
            //     url:"./00 data.json",//请求地址
            //     //data:{id:10001},//请求参数
            //    // data:"id=10001&name=zhangsan ", application/x-www-form-urlencoded
            //     //contentType:"json",//请求格式  参数的格式
            //     dataType:"json",//返回数据格式
            //     success:function(data){  //success 当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。
            //         console.log(data);
            //         if (data.status === 200) {
            //             var cls = data.data;
            //             $("legend").text(cls.name);

            //             var students = cls.student;
            //             for (let index = 0; index < stidents.length; index++) {
            //                 const stu = students[index];
            //                 $(".data tbody").append("<tr><td>"+stu.id+"</td><td>"+stu.name+"</td></tr>");
            //             }
            //         } else {
            //             console.log(data.msg);
            //         }
            //     },
            //     error:function (res,err){//res详细错误  error 在请求出错时调用
            //         console.log(res);
            //     }
            // })

            //url [data] success [dataType]
            $.get("./00 data.json",function(data){  
                    if (data.status === 200) {
                        var cls = data.data;
                        $("legend").text(cls.name);

                        var students = cls.student;
                        for (let index = 0; index < stidents.length; index++) {
                            const stu = students[index];
                            $(".data tbody").append("<tr><td>"+stu.id+"</td><td>"+stu.name+"</td></tr>");
                        }
                    } else {
                        console.log(data.msg);
                    }
                    })
                     //url [data] success [dataType]
                     //$.post()
        })
    </script>

jquery对象和js对象是怎样转换的？(5分)

只需要用$()把DOM对象包起来，就能获取一个jquery对象

法一：jquery对象是一个数据对象，可通过[index]的方法,转为js对象

法二：jquery本身提供，通过get(index)方法,转为js对象

window.onload和$.ready()的区别(5分)

a.onready比onload先执行

执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

b.onload只执行最后一个而onready可以执行多个。

编写个数不同 window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个。 $(document).ready()可以同时编写多个，并且都可以得到执行

$(document).ready(function(){})可以简写成$(function(){});

一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验。(8分)

(1) css 精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量

(2) css sprites 其实就是把网页中一些背景图片整合到一张图片文件中，再利用 css 的

"background-image","background-position"的组合进行背景定位，这样可以减少。

(3) 很多图片请求的开销，因为请求耗时比较长；请求虽然可以并发，但是如果请求太多会给服务

器增加很大的压力。