jquery网络请求和插件

# jQuery

- 今天我们继续来聊 `jQuery`

## 发送 ajax 请求

- 发送 get 请求

  ```js
  // 直接使用 $.get 方法来发送一个请求
  /*
  	参数一： 请求地址
  	参数二： 请求时携带的参数
  	参数三： 请求成功的回调
  	参数四： 返回的数据类型
  */
  $.get('./ajax.php', {
    id: 10 }, function (res) {
    console.log(res) }, 'json')

• 发送 post 请求

  // 直接使用 $.post 方法来发送一个请求
  /*
  	参数一： 请求地址
  	参数二： 请求时携带的参数
  	参数三： 请求成功的回调
  	参数四： 返回的数据类型
  */
  $.post('./ajax.php', {
        id: 10 }, function (res) {
        console.log(res) }, 'json')
  

• 综合发送 ajax 请求

  // 使用 $.ajax 方法
  // 只接受一个参数，是一个对象，这个对象对当前的请求进行所有的配置
  $.ajax({
       
      url: './ajax',   // 必填，请求的地址
      type: 'GET',   // 选填，请求方式，默认是 GET（忽略大小写）
      data: {
       },   // 选填，发送请求是携带的参数
      dataType: 'json',   // 选填，期望返回值的数据类型，默认是 string
      async: true,   // 选填，是否异步，默认是 true
      success () {
       },   // 选填，成功的回调函数
      error () {
       },   // 选填，失败的回调函数
      cache: true,   // 选填，是否缓存，默认是 true
  })
  

• 发送一个 jsonp 请求

  // 使用 $.ajax 方法也可以发送 jsonp 请求
  // 只不过 dataType 要写成 jsonp
  $.ajax({
       
      url: './jsonp.php',
      dataType: 'jsonp',
      data: {
        name: 'Jack', age: 18 },
      success (res) {
       
          console.log(res)
      },
      jsonp: 'cb',  // jsonp 请求的时候回调函数的 key
      jsonpCallback: 'fn'   // jsonp 请求的时候回调函数的名称
  })
  

jQuery 的多库共存

• 我们一直在使用 jQuery，都没有什么问题

• 但是如果有一天，我们需要引入一个别的插件或者库的时候

• 人家也向外暴露的是 ``获取 jQuery

• 那么，我们的 jQuery 就不能用了

• 那么这个时候，jQuery 为我们提供了一个多库并存的方法

  // 这个方法可以交还 jQuery 命名的控制权
  jQuery.noConflict()
  
  // 上面代码执行完毕以后 $ 这个变量就不能用了
  // 但是 jQuery 可以使用
  console.