Jquery+AJax方法详解，绝对最简单易懂

一，简单介绍一下两位主角
Jquery：属于JavaScript的一个库而已，提供了很多快捷的方法，大大简化了JavaScript的编程
Ajax：属于异步的JavaScript和XML，所谓异步的最直接体现就是，可以在不加载整个页面的情况下，只更新网页中的部分内容，用起来方便快捷，就好比，你车坏了，不需要换整个车，只需要换个零件即可。
最常用场景就是用户名校验
二，Jquery提供与Ajax有关的方法
1，Jquery load（）方法：
首先来看一下该方法长啥样： $(selector).load(URL,data,callback);
其中：
URL为必须的，因为你要与服务器进行交互，就必须要给出对应地址，否则无法完成操作
data为可选，该主要用来发送查询字符并且是以键值对的形式
callback同样也是可选，主要是对该load（）执行完成之后，所做的操作，可以理解为马后炮，接下来给大家会有实例讲解，

实例1，在load方法中，只配置必须元素URL（将对应文件中的数据内容加载到对应元素标签中)

接下来使用Jquery+Ajax来实现load方法
点击我，触发Jquery+Ajax的load方法

同时也可以将Jquery的选择器添加到URL参数中，对该URL中对应的文件进行选取操作，从而可以达到在对应文件中选取我们想要的内容

通过p1id标签加载URL文件中的h2内容
通过h2元素标签加载URL文件中的h2内容
点击我，触发Jquery+Ajax的load方法
点击我显示该文件内容

接下来就说说callback这个参数作用：
该callback参数中包含该load（）方法执行过程中的各种信息：
responseTxt—代表响应的结果（也就是方法调用成功的结果)
statusTxt–显而易见，代表整个调用过程的状态（与Ajax的readyStatus参数类似，用来做判断)
xhr—代表XMLHttpRequest对象，简称XHR
此时来看看下面的例子，一会儿就会大彻大悟了

使用 jQuery AJAX 修改该文本
获取load加载的内容内容

所以大家现在对于这个callback中的三个参数理解了，接着来完善一下：
responseTxt—代表响应的结果（也就是方法调用成功的结果)，
statusTxt–显而易见，代表整个调用过程的状态（与Ajax的readyStatus参数类似，这个是使用success和error做判断)
xhr—代表XMLHttpRequest对象，简称XHR，用该对象来输出对应的statusText和responseText信息

最后一点，注意，使用xhr对象输出响应内容或状态时，结尾为Text

三，使用场景：
为了避免多页面中的代码重复，我们可以利用load方法，将重复部分（例如导航栏等）放入单独的文件，使用的时候，在利用load方法将其加载过来即可，很方便