AJAX技术的使用

前言：

今天在做项目的时候，使用到了ajax技术，对比之前的项目在服务器访问页面时，都是将整个html看作一个整体发送给服务器访问，服务器会逐行解析然后返回。这样在我们修改页面部分内容时，会有大量的解析是重复的，效率极低。而JQUery里帮我们封装好了ajax函数，将页面里的某一部分看作是一个独立的整体，在独立整体的基础上去发送请求，这样在视觉上我们没有看到页面有被刷新，但是页面的动态数据却已经被填充过来了，这就是异步加载的过程。

AJAX

JQUery封装了的一个函数，称为$.ajax()函数，通过对象调用ajax()函数，可以异步加载相关的请求。依靠的是JavaScript提供的一个XHR（XmlHttpResponse），封装了这个对象。

ajax()的使用：

需要传递一个方法体作为方法的参数来使用，其语法结构为：

$.ajax({
    
    url:"",                 //标识请求的地址，不能包含参数列表部分的内容。
    type:"",                //请求类型（POST或GET）
    data:"",                //向指定的请求url地址提交的数据
    datatype:"",            //提交的数据类型。一般为JSON
    success:function(){     //当服务器正常响应客户端时，会自动调用success参数的方法，并且 
                            //将服务器返回的数据以参数的形式传递给这个方法的参数上
    },                      
    error:function(){       //当服务器未正常响应客户端时，会自动调用success参数的方法，并 
                            //且将服务器返回的数据以参数的形式传递给这个方法的参数上
    }
});

ajax接受多个参数，参数与参数之间用“,”隔开，每一组参数之间使用":"隔开，参数组成部分一个是参数的名称（不可随意更改！！！），是参数的值，参数的值要求是用字符串来标识。参数的声明顺序没有要求。

js代码可以独立声明在一个js文件里，也可以声明在一个script标签中。