• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 请求体编码

    默认情况下,axios将 JavaScript 对象序列化为JSON。要以application/x-www-form-urlencoded格式发送数据,您可以使用以下选项之一。

    浏览器

    在浏览器中,可以使用URLSearchParams API,如下所示:

    const params = new URLSearchParams();
    params.append('param1', 'value1');
    params.append('param2', 'value2');
    axios.post('/foo', params);
    
    请注意,不是所有的浏览器(参见 caniuse.com)都支持URLSearchParams,但是可以使用polyfill(确保 polyfill 全局环境)



    还可以使用qs库编码数据:

    const qs = require('qs');
    axios.post('/foo', qs.stringify({ 'bar': 123 }));
    

    或者用另一种方式(ES6)

    import qs from 'qs';
    const data = { 'bar': 123 };
    const options = {
      method: 'POST',
      headers: { 'content-type': 'application/x-www-form-urlencoded' },
      data: qs.stringify(data),
      url,
    };
    axios(options);
    


    Node.js

    Query string

    在 node.js 中,可以使用querystring模块,如下所示:

    const querystring = require('querystring');
    axios.post('http://something.com/', querystring.stringify({ foo: 'bar' }));
    

    或者从url模块中,使用URLSearchParams,如下所示:

    const url = require('url');
    const params = new url.URLSearchParams({ foo: 'bar' });
    axios.post('http://something.com/', params.toString());
    

    您也可以使用 qs 库。

    注意:如果需要对嵌套对象进行字符串化处理,则最好使用 qs 库,因为 querystring 方法在该用例中存在已知问题(https://github.com/nodejs/node-v0.x-archive/issues/1665)。


    Form data

    在 node.js 中,您可以使用form-data库,如下所示:

    const FormData = require('form-data');
     
    const form = new FormData();
    form.append('my_field', 'my value');
    form.append('my_buffer', new Buffer(10));
    form.append('my_file', fs.createReadStream('/foo/bar.jpg'));
    
    axios.post('https://example.com', form, { headers: form.getHeaders() })
    

    或者,使用一个拦截器:

    axios.interceptors.request.use(config => {
      if (config.data instanceof FormData) {
        Object.assign(config.headers, config.data.getHeaders());
      }
      return config;
    });
    

    上篇:取消请求