JavaScript必备小知识-jquery-ajax请求(二)

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

接前文继续来学习 jquery 学习小结, 本文来学习 jquery 的 ajax 请求数据, 实际项目中最常用的, 每天打交道的.

1、梳理知识点

1.1、ajax 的异步请求之  load     加载公共的 html 文件

• load() 方法是一个局部的方法，通过 jquery 的选择器作为开始调用 load 方法
• load()方法是异步的，加载的信息中如果需要事件响应，
• load()方法如果想要请求不同结构的内容， 请求数据时，在 url 后加一个请求容器的选择器名称即可

load()方法的参数有三个：

• 第一个：  请求的 url
• 第二个： 发送的数据  json 格式  {}
• 第三个参数 ：  回调函数

回调函数中有三个参数，分别是：

function(res,type,xhr){
       console.log(res);    //请求数据
       console.log( type );//请求的状态
        console.log(xhr);  //deffered 对象  （类似于js中promise对象）
}

2、ajax 请求之  $.get 或$.post

以 $. 开始的 ajax 请求方式是全局方法

$.get(三个参数)   以 get 方式请求数据

• 第一个参数：请求的路径
• 第二个参数：请求数据　　 json 对象   ｛｝
• 第三个参数： 回调函数   （回调函数中也有三个参数，同 load）

$.post()  

以 post 方式请求数据   用法同$.get()

3、ajax 请求之  $.getJson()$.getScript()

$.getJson("xxx.json"，data, 回调函数) 通过这种方式请求json数据   三个参数  ： url    data     function(){}$.getScript("xxx.js"，回调) 通过这种方式请求 js 脚本数据 ，立即执行请求的脚本代码