1

Preciso enviar um objeto json com ajax para um API externa porém não consigo incluir váriaveis no lugar de valores estáticos

var numSGPE = document.getElementById('numSGPE').value
var setor = document.getElementById('setor').value
var subTipo = document.getElementById('subTipo').value
var tipo = document.getElementById('subTipo').value

$.ajax({
    url : "http://localhost:8080/NumDocumentos",
    method : "POST",
    contentType : 'application/json',
    dataType : 'json',
    data : '{"especie":""+tipo+"", "gerencia":""+setor+"", "numSGPE":""+numSGPE+""}'
    }).done(function(res) {
      console.log(res)
    })


Se trocar as variaveis (tipo, setor, numSGPE) por valores estáticos funciona de boa, mas que mandar os valores conforme estão nessas variáveis.

2 Respostas 2

0

Olá,

Acontece que você está usando aspas simples ' para abrir e fechar sua string, então você poderia fazer desse jeito:

data : '{"especie":"' + tipo + '", "gerencia":"' + setor + '", "numSGPE":"' + numSGPE + '"}';

Mas eu recomendo fortemente usar o template strings, que ficaria assim:

data : `{"especie":"${tipo}", "gerencia":"${setor}", "numSGPE":"${numSGPE}"}';
3
  • então não estou usuando nenhum framework tipo Angular ou React, é um html simples que tem uns inputs e um javascript que faz essa requisição no clique do botão, daí esses templates strigs não funcionam
    – MarceloCP
    Commented 5/04/2020 às 20:30
  • o template strings é do JavaScript :) Commented 5/04/2020 às 20:36
  • 1
    Me desculpa pensei que o javascript vanilla não reconhecia ${} esse formato. Funcionou muito bem Obrigado.
    – MarceloCP
    Commented 6/04/2020 às 4:57
0

Apesar da resposta do @Lucas Bittencourt funcionar, uma opção mais simples e flexível é você utilizar o método JSON.stringify().

O método JSON.stringify() converte valores em javascript para uma String JSON.

const dadosForm = {
    numSGPE: document.getElementById('numSGPE').value,
    gerencia: document.getElementById('setor').value,
    especie: document.getElementById('subTipo').value
};

$.ajax({
    url : "http://localhost:8080/NumDocumentos",
    method : "POST",
    contentType : 'application/json',
    dataType : 'json',
    data : JSON.stringify(dadosForm)
}).done(function(res) {
    console.log(res)
});

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .