1. ajax1.1 什么是ajax
ajax = 异步和 xml（和 xml）
简而言之，ajax无需重新加载整个网页，而是通过后台加载数据并显示在网页上。
通过 ajax 方法，您可以使用 http get 和 http post 从远程服务器请求文本、html、xml 或 json - 并且您可以将此外部数据直接加载到网页的选定元素中。
1.2 常用方法 1.2.1 load()
load() 方法是一个简单但功能强大的ajax 方法。
load() 方法从服务器加载数据并将返回的数据放入所选元素中。
这个方法用的不多，了解一下就可以了。
语法：
$("selector").load(url,data,callback);
第一种情况：
$('#btn').click(function(){
//只传一个url，表示在id为#new-projects的元素里加载index.html
$('#new-projects').load('./index.html');
})
第二种情况：
$('#btn').click(function(){
//只传一个url，导入的index.html文件含有多个传递参数，类似于：index/html?name='张三'
$('#new-projects').load('./index.html',{"name":'张三',"age":12});
})
第三种情况：
//加载文件之后，会有个回调函数，表示加载成功的函数
$('#new-projects').load('./index.html',{"name":'张三',"age":12},function(){
});
1.2.2 ()
使用ajax中的()方法异步加载json格式数据。 获取服务器中的数据，解析数据，并将其显示在页面上。
语法：
$.getjson(url,[data],[callback])
参数解释：
url参数：加载请求的json格式文件的服务器地址
可选数据参数：请求期间发送的数据
参数：数据请求成功后执行的函数
$.getjson("./data/getjson.json", function (data) {
var str = "";//初始化保存内容变量
$.each(data, function(index,ele) {
$('ul').append("1.2.3 $.get()
$.get() 方法通过 http get 请求从服务器请求数据。
语法：
$.get(url,callback);
url参数：指定你请求的路径，为必填参数
参数：数据请求成功后执行的函数。
$.get('./data/getjson.json',function(data,status){
console.log(status); //success 200状态码 ok的意思
})
1.2.4 帖子()
与get()方法相比，post()方法主要用于以post方式向服务器发送数据。 服务器收到数据后进行处理，并将处理结果返回给页面。
语法：
$.post(url,data,callback);
url参数：指定你的请求的路径，为必填参数，可选的data参数为随请求一起发送的数据
可选参数：数据请求成功后执行的函数
$.post('/index',{name:'张三'},function(data,status){
console.log(status);
})
1.2.5 $.ajax()
查询的$.ajax()方法是ajax技术中经常使用的方法。
它的参数很多，总会有一些初学者记不住。 这里演示了一些常用的参数。 课程后面的部分会详细讲一下ajax技术的原理。 我们先记下每个参数。
参数如下：
1.url：要求是类型的参数，（默认是当前页面的地址）发送请求地址。
2.type：要求是类型的参数，请求方式（post或get）默认为get。 请注意，也可以使用其他 http 请求方法，例如 put 和，但仅部分浏览器支持。
3.：要求是type的参数，并设置请求超时时间（毫秒）。 此设置将覆盖 $.() 方法的全局设置。
4.async：要求为类型参数，默认设置为true，所有请求均为异步请求。 如果需要发送同步请求，请将此选项设置为 false。 注意，同步请求会锁定浏览器，用户的其他操作必须等待请求完成后才能进行。
5.cache：必须是type的参数，默认为true（有时默认为false），设置为false将不会从浏览器缓存中加载请求信息。
6.data：必填参数为或type，发送到服务器的数据。 如果它还不是字符串，它将自动转换为字符串格式。 get 请求将附加到 url 中。 要阻止这种自动转换，请参阅选项。 该对象必须采用键/值格式，例如 {foo1:"bar1",foo2:"bar2"} 转换为 &foo1=bar1&foo2=bar2。 如果是数组，不同的值会自动对应同一个名字。 例如，{foo:["bar1","bar2"]} 转换为 &foo=bar1&foo=bar2。
7.：需要一个type的参数，即服务器返回的预期数据类型。 如果不指定，会根据http包的mime信息自动返回或传递，并作为回调函数的参数传递。 可用类型如下：
xml：返回xml文档，可以进行处理。
html：返回纯文本html信息； 包含的标签将在插入 dom 时执行。
：返回纯文本代码。 结果不会自动缓存。 除非设置了缓存参数。 注意，远程请求时（不在同一域下），所有post请求都会转换为get请求。
json：返回json数据。
jsonp：jsonp 格式。 使用sonp形式调用函数时，如myurl?=?，最后一个“?” 将自动替换为正确的函数名称以执行回调函数。
text：返回纯文本字符串。
8.：需要一个type的参数，一个可以在发送请求之前修改对象的函数，比如添加自定义的http 。 如果在该方法中返回false，则可以取消本次ajax请求。 对象是唯一的参数。 （）{ 这; //调用此ajax请求时传递的参数}.
完整：
需要一个type的参数，请求完成后调用的回调函数（请求成功或失败时都会调用）。 参数：对象和描述成功请求类型的字符串。 （， ）{ 这; //调用此ajax请求时传递的参数}.
10.：
需要一个type的参数，请求成功后调用的回调函数，有两个参数。
(1)服务器返回的数据，并根据参数进行处理。
(2) 描述状态的字符串。 (data, ){ //数据可以是,, html, 文本等
11.error：要求是类型的参数，请求失败时要调用的函数。 该函数有3个参数，分别是对象、错误消息、捕获的错误对象（可选）。 ajax事件函数如下： (, , ){ //通常只有其中一个包含信息 this; //调用本次ajax请求时传递的参数}.
12.：要求是类型参数。 向服务器发送信息时，默认的内容编码类型为“/x-www-form-”。 此默认值适用于大多数应用程序。
13.：对ajax返回的原始数据进行预处理的函数，需要类型参数。 提供数据并输入两个参数。 data是ajax返回的原始数据，type是调用.ajax时提供的参数。 函数返回的值将被进一步处理。 (data, type){ //返回处理后的数据 data; }。
14.：要求是类型参数，是对ajax返回的原始数据进行预处理的函数。 提供数据并输入两个参数。 data是ajax返回的原始数据，type是调用.ajax时提供的参数。 函数返回的值将被进一步处理。 (data, type){ //返回处理后的数据 data; }。
15.：必需是类型的参数，默认为true。 是否触发全局ajax事件。 设置为false不会触发全局ajax事件，或者可以用来控制各种ajax事件。
16.：作为类型参数必需，默认为 false。 仅当服务器数据发生变化时才获取新数据。 判断服务器数据变化的依据是last-信息。 默认值为 false，即忽略标头信息。
17.jsonp：需要类型的参数，重写jsonp请求中回调函数的名称。 该值用于替换“=?”的get或post请求中url参数中的“”部分，例如{jsonp:''}会导致“=?” 要传递到服务器。
18.：要求为类型参数，用于响应http访问认证请求的用户名。
19.：需要一个type的参数，用于响应http访问认证请求的密码。
20.：必需是类型的参数，默认为true。 默认情况下，发送的数据将转换为对象（技术上不是字符串）以匹配默认内容类型“/x-www-form-”。 如果你想发送dom树信息或者其他不想转换的信息，请设置为false。
21.：要求是类型参数，只有当请求为“jsonp”或“”，且类型为get时，才会用于强制修改字符集（）。 通常在本地和远程内容编码不同时使用。
(1)获取方法
//get()方式
$.ajax({
url:'./data/index.txt',
type:'get',
datatype:'text',
success:function(data){
$('p').html(data);
},
error:function(error){
console.log(error)
}
})
(2) 邮寄法
//post()方式
$.ajax({
url:'/index',
type:'post',
data:{name:'张三',age:12},
success:function(data){
$('p').html(data);
},
error:function(error){
console.log(error)
}
}）
注意：以上所有操作请在服务器上运行此代码。 如果没有服务器，可以在本地搭建一个本地服务器。 好的！ ！ 我们还没有学会，我们可以使用 , 来运行这段代码。 但暂时无法演示post请求的方法。 等后面讲完服务器的知识点后，我们再给大家详细演示一下get请求和post请求的处理过程。
