jquery: ajax发请求_jquery-1.12.4.min.js使用ajax-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_36413371/article/details/103631650

本文深入讲解了使用jQuery库进行AJAX请求的方法，包括GET和POST请求的实现，数据类型设置，错误处理，以及如何封装请求过程。同时，介绍了请求头的设置，如Content-Type和Authorization，确保与服务器的有效通信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文件	文件位置及结构
jquery-1.12.4.min.js	lib/js/jquery-1.12.4.min.js
ajax.js	js/ajax.js

$.ajax({
  type: 'get', //get或post
  url: 'https://elm.cangdu.org/admin/all?offset=0&limit=20', //请求的地址
  data: {}, //如果不需要传，则注释掉 请求的参数，a=1&b=2或{a:1,b:2}或者jq中的serialize方法，或者formData收集
  dataType: 'json', //text,json,xml,jsonp
  headers: {
    'Content-Type': 'application/json; charset=UTF-8'
    // 接口验证字段
    // , Authorization: 'Bearer ' + token.access_token
  },
  success: function(res) {
    //成功的回调函数
    if (res.status===1) {
      console.log(res)
    } else {
      // $('#loadingToast').hide()
      // $('html, body').css('overflow', 'visible')
      alert(res.Message)
    }
  },
  error(err) {
    // $('#loadingToast').hide()
    // $('html, body').css('overflow', 'visible')
    alert('请求失败')
  }
})

封装的ajax请求

// // 封装的请求
// function request(type, url, params, callback) {
//   getToken(function() {
//     var token = JSON.parse(sessionStorage.getItem('token'))
//     $.ajax({
//       type: type,
//       url: url,
//       data: params,
//       headers: {
//         'Content-Type': 'application/json; charset=UTF-8',
//         Authorization: 'Bearer ' + token.access_token
//       },
//       success: function(res) {
//         if (res.code === 1) {
//           callback(res.DataInfo)
//         } else {
//           $('#loadingToast').hide()
//           $('html, body').css('overflow', 'visible')
//           alert(res.Message)
//         }
//       },
//       error: function(err) {
//         $('#loadingToast').hide()
//         $('html, body').css('overflow', 'visible')
//         alert('请求失败')
//       }
//     })
//   })
// }

// // 获取 token
// function getToken(callback) {
//   var token = sessionStorage.getItem('token')
//   if (token) {
//     callback()
//   } else {
//     $.ajax({
//       type: 'POST',
//       url: baseUrl + 'login/GetToken',
//       success: function(res) {
//         if (res.code === 1) {
//           sessionStorage.setItem('token', res.DataInfo)
//           callback()
//         } else {
//           alert(res.Message)
//         }
//       },
//       error: function(err) {
//         alert('获取token请求失败')
//       }
//     })
//   }
// }