[JavaScript知识库]jQuery中的ajax

jquery中ajax

1. XMLHttpRequest用法复杂，所以jquery对他进行封装，极大地降低了ajax的使用难度
2. jquery对ajax发起请求三种方法
   (1) $.get() 获取数据
   (2) $.post() 提交数据
   (3) $.ajax() 获取和提交数据

$.get()

1. 语法：
   $.get(url,[data],[callback])
   (1)url：参数类型string，必选的，要请求的资源地址
   (2)data：参数类型object 请求资源期间要携带的参数
   (3)callback：参数类型 function，请求成功时的回调函数
2. $.get()发起不带参数请求
   直接提供请求地址和请求成功之后的回调函数即可
3. $.get()发起带参数请求
   直接提供请求地址，参数data和请求成功之后的回调函数即可

$.post()

1. 语法：
   $.post(url,[data],[callback])
   (1)url：参数类型string，必选的，提交的资源地址
   (2)data：参数类型object ，提交的数据
   (3)callback：参数类型 function，提交成功时的回调函数

$.ajax()

1. 语法：
   $.ajax({
   type：‘’, //请求的方式
   url：‘’, //请求的地址
   data：{} //这次请求要携带的数据
   success：function(res){} //请求成功之后回调函数
   })
2. 使用$.ajax()发起get请求：
   示例代码：
   $.ajax({
   type：‘get’, //请求的方式
   url：‘http://www.yuzhuo.top:3306/api/books’, //请求的地址
   data：{id:1} //这次请求要携带的数据
   success：function(res){ //请求成功之后回调函数
   console.log(res);
   }
   });
3. 使用$.ajax()发起post请求：
   示例代码：
   $.ajax({
   type：‘post’, //请求的方式
   url：‘http://www.yuzhuo.top:3306/api/books’, //请求的地址
   data：{id:1} //这次请求要携带的数据
   success：function(res){ //请求成功之后回调函数
   console.log(res);
   }
   });