web-dev-qa-db-fra.com

Client Axios Http - Comment construire une URL post HTTP avec des paramètres de formulaire

J'essaie de créer une requête postHTTP avec certains paramètres de formulaire à définir. J'utilise les axios avec le serveur de noeud. J'ai déjà une implémentation de code Java) pour construire une URL comme indiqué ci-dessous:

CODE Java:

HttpPost post = new HttpPost(UriBuilder.fromUri (getProperty("authServerUrl"))
            .path(TOKEN_ACCESS_PATH).build(getProperty("realm")));

List<NameValuePair> formParams = new ArrayList<NameValuePair>();

formParams.add(new NameValuePair("username",getProperty ("username")));
formParams.add(new NameValuePair("password",getProperty ("password")));
formParams.add(new NameValuePair("client_id, "user-client"));

J'essaie de faire la même chose dans axios.

AXIOS IMPLEMENTATION:

axios.post(authServerUrl +token_access_path,
        {
                username: 'abcd', //gave the values directly for testing
                password: '1235!',
                client_id: 'user-client'
        }).then(function(response) {
            console.log(response); //no output rendered
        }

L'approche consistant à définir ces paramètres de formulaire sur la demande de publication est-elle correcte?

javascriptnode.jsaxios
41
mmraj

Vous devez faire ce qui suit:

var querystring = require('querystring');
//...
axios.post(authServerUrl + token_access_path,
    querystring.stringify({
            username: 'abcd', //gave the values directly for testing
            password: '1235!',
            client_id: 'user-client'
    }), {
      headers: { 
        "Content-Type": "application/x-www-form-urlencoded"
      }
    }).then(function(response) {
        console.log(response);
    });
75
cperez

Pourquoi utiliser une autre bibliothèque ou un autre module pour réaliser quelque chose d'aussi simple avec JavaScript pur à la vanille? C’est vraiment une ligne de JS qui produit les données souhaitées à soumettre dans votre demande POST.

// es6 example

const params = {
  format: 'json',
  option: 'value'
};

const data = Object.entries(params)
  .map(([key, val]) => `${key}=${encodeURIComponent(val)}`)
  .join('&');

console.log(data);
// => format=json&option=value

const options = {
  method: 'POST',
  headers: { 'content-type': 'application/x-www-form-urlencoded' },
  data,
  url: 'https://whatever.com/api',
};

const response = await axios(options);  // wrap in async function
console.log(response);
3
jhickok