How to pass javascript value to AJAX

Question

I have a javascript function that has an AJAX code inside it. I want to pass the javascript values to AJAX, follow the code:

    function validarCamposComprar() {

    var campoNomeEmpresa = document.getElementById('fTxtCadastroNomeEmpresa');
    var campoNomeAdmin = document.getElementById('fTxtCadastroNomeAdmin');

    $.ajax({
        type: "POST",
        url: "email.php",
        data: { meuParametro1: campoNomeEmpresa, meuParametro2: campoNomeAdmin },
        complete: function (data) {
            // (...)
        }
    });

    return true;
}

It’s possible to do this, which I’m missing?

Answer 1

The problem is that with

var campoNomeEmpresa = document.getElementById('fTxtCadastroNomeEmpresa');

you get an element from DOM. I believe you want to send the value or text, if that’s the case, do

var nomeEmpresa = document.getElementById('fTxtCadastroNomeEmpresa').value;
var nomeAdmin = document.getElementById('fTxtCadastroNomeAdmin').value;

returning string

Answer 2

It is possible and must be done.

Using the AJAX date element or directly passing the URL.

I usually do it this way:

var campoNomeEmpresa = $('campo1').value;
var campoNomeAdmin= $('campo2').value;
$.ajax({
    type: "POST",
    url: "email.php?meuParametro1=" + campoNomeEmpresa + "&meuParametro2=" + campoNomeAdmin,
    complete: function (data) {
        // (...)
    }
});