axios的四种请求方式以及参数设置详解

GET 请求:

  • url (string): 请求的 URL 地址。
  • params (object): 请求的查询参数对象。
  • headers (object): 请求头对象。
  • timeout (number): 请求超时时间。
  • withCredentials (boolean): 是否携带跨域请求的凭证。
  • cancelToken (CancelToken): 用于取消请求的 CancelToken 对象。
  • responseType (string): 响应数据的类型。
  • onUploadProgress (function): 用于上传进度监听的回调函数。
  • onDownloadProgress (function): 用于下载进度监听的回调函数。
axios.get(url, {
  params: {
    key1: value1,
    key2: value2
  },
  headers: {
    'Content-Type': 'application/json'
  },
  timeout: 5000,
  withCredentials: true,
  cancelToken: cancelTokenSource.token,
  responseType: 'json',
  onUploadProgress: function(progressEvent) {
    // 上传进度监听回调函数
  },
  onDownloadProgress: function(progressEvent) {
    // 下载进度监听回调函数
  }
});

POST 请求:

  • url (string): 请求的 URL 地址。
  • data (any): 请求的数据。
  • params (object): 请求的查询参数对象。
  • headers (object): 请求头对象。
  • timeout (number): 请求超时时间。
  • withCredentials (boolean): 是否携带跨域请求的凭证。
  • cancelToken (CancelToken): 用于取消请求的 CancelToken 对象。
  • responseType (string): 响应数据的类型。
  • onUploadProgress (function): 用于上传进度监听的回调函数。
  • onDownloadProgress (function): 用于下载进度监听的回调函数。
  • axios.post(url, data, {
      params: {
        key1: value1,
        key2: value2
      },
      headers: {
        'Content-Type': 'application/json'
      },
      timeout: 5000,
      withCredentials: true,
      cancelToken: cancelTokenSource.token,
      responseType: 'json',
      onUploadProgress: function(progressEvent) {
        // 上传进度监听回调函数
      },
      onDownloadProgress: function(progressEvent) {
        // 下载进度监听回调函数
      }
    });
    

    PUT 请求:

  • url (string): 请求的 URL 地址。
  • data (any): 请求的数据。
  • headers (object): 请求头对象。
  • timeout (number): 请求超时时间。
  • withCredentials (boolean): 是否携带跨域请求的凭证。
  • cancelToken (CancelToken): 用于取消请求的 CancelToken 对象。
  • responseType (string): 响应数据的类型。
  • onUploadProgress (function): 用于上传进度监听的回调函数。
  • onDownloadProgress (function): 用于下载进度监听的回调函数。
  • axios.put(url, data, {
      headers: {
        'Content-Type': 'application/json'
      },
      timeout: 5000,
      withCredentials: true,
      cancelToken: cancelTokenSource.token,
      responseType: 'json',
      onUploadProgress: function(progressEvent) {
        // 上传进度监听回调函数
      },
      onDownloadProgress: function(progressEvent) {
        // 下载进度监听回调函数
      }
    });
    

    DELETE 请求:

  • url (string): 请求的 URL 地址。
  • params (object): 请求的查询参数对象。
  • headers (object): 请求头对象。
  • timeout (number): 请求超时时间。
  • withCredentials (boolean): 是否携带跨域请求的凭证。
  • cancelToken (CancelToken): 用于取消请求的 CancelToken 对象。
  • responseType (string): 响应数据的类型。
  • onUploadProgress (function): 用于上传进度监听的回调函数。
  • onDownloadProgress (function): 用于下载进度监听的回调函数。
  • axios.delete(url, {
      params: {
        key1: value1,
        key2: value2
      },
      headers: {
        'Content-Type': 'application/json'
      },
      timeout: 5000,
      withCredentials: true,
      cancelToken: cancelTokenSource.token,
      responseType: 'json',
      onUploadProgress: function(progressEvent) {
        // 上传进度监听回调函数
      },
      onDownloadProgress: function(progressEvent) {
        // 下载进度监听回调函数
      }
    });
    

你可能感兴趣的:(前端技术点,前端,ajax)