[SOLUCIONADO] enviar variables ajax

[jecavi_20]

buenas amigos del foro tengo otra duda a ver si me pueden ayudar gracias

tengo este codigo ajax

Código PHP:

  
        // JavaScript Document
function nuevoAjax(){
    var xmlhttp=false;
    try{
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }catch(e){
        try {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }catch(E){
            xmlhttp = false;
        }
    }

    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    
    return xmlhttp;
}

function buscarDato(){
    resul = document.getElementById('resultado');
    
    bus=document.frmbusqueda.dato.value;
    
    ajax=nuevoAjax();
    ajax.open("POST", "filtro_nivel3.php",true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            resul.innerHTML = ajax.responseText
        }
    }
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    ajax.send("busqueda="+bus)

} 
   

que básicamente recoje un dato de un input y lo envía a la pagina php que dice allí,

con el ajax.send("busqueda="+bus)

como verán la variable búsqueda y lo recibo php, pero necesito que envié otra variable también de otro input, o sea que envie la variable búsqueda y otra a la misma pagina intente hacer pruebas con el código pero nada que lo logro , a ver si me pueden ayudar con un ejemplo o algo por favor .

Muchas gracias de antemano

[alvaro_trewhela]

Te dejo un template de ajax:

function someAJAXfunction(){
var ajax = new ajax();
ajax.open("POST", "script.php", true);
ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

var var1 = document.getElementById("someElement1").value;
var var2 = document.getElementById("someElement2").value;
get js values...


ajax.send("var1="+var1+"&var2="+var2 etc....);

ajax.onreadystatechange = function(){
if(ajax.readyState == 4 && ajax.status == 200){
ajaxResponse = ajax.responseXML; //o respondeText ahí ves...
}
};

//TO DO, AND ALL THE VALUE IN: ajaxResponse
}

[Alexis88]

Solo concatena todos los valores que desees enviar mediante la cadena de consulta que pasas como argumento al método .send().

La forma es la de variable1=valor1&variable2=valor2&variableN=valorN.

[manuparquegiralda]

A ver, para empezar estás configurando AJAX para enviar los datos vía POST

Código Javascript:

ajax.open("POST", "filtro_nivel3.php",true);
 

Y los estás enviando vía GET

Código Javascript:

ajax.send("busqueda="+bus)
 

Puedes hacer de dos formas, si es via GET

Código Javascript:

function buscarDato(){
    const resul = document.getElementById('resultado');
    
    const bus=document.frmbusqueda.dato.value;
    const myVar = "mi-valor";
    
    var ajax=nuevoAjax();
 
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            resul.innerHTML = ajax.responseText
        }
    }
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    ajax.open("GET", "filtro_nivel3.php",true);
    ajax.send("busqueda=" + bus + "&miDato=" + myVar );
 
}
 

Si es vía POST

Código Javascript:

function buscarDato(){
    const resul = document.getElementById('resultado');
    
    const bus=document.frmbusqueda.dato.value;
    const myVar = "mi-valor";
 
    var datos = new FormData();
    datos.append( "busqueda", bus );
    datos.append( "miDato", myVar );
    
    var ajax=nuevoAjax();
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
            resul.innerHTML = ajax.responseText
        }
    }
 
    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    ajax.open("POST", "filtro_nivel3.php",true);
    ajax.send(datos );
 
}
 

Espero que te sirva.

[manuparquegiralda]

Otro consejo, define SIEMPRE las variables. Si no defines una variable dentro de una función esta se comporta como una variable global y puedes tener problemas.

Código Javascript:

function myFunction1() {
    myVar = true;
}
 
console.log(myVar); // Esto te dará true
 
function myFunction2() {
    if ( !myVar ) {
        console.log( "Hola soy tu función 2"); // Esto no se mostrará porque myVar es true.
    }
}
 

Código Javascript:

function myFunction1() {
    var myVar = true;
}
 
console.log(myVar); // Esto te dará undefined
 
function myFunction2() {
    if ( !myVar ) {
        console.log( "Hola soy tu función 2"); // Esto se mostrará porque myVar es undefined
    }
}
 

Como puedes ver, la variable myVar tiene un scope global en el primer ejemplo, mientras que en el segundo ejemplo solo tiene valor dentro de myFunction1.

A priori, en los ejemplos puesto puede no ser trascendente, pero cuando tengas muchos archivos de script dentro de la página las variables globales pueden ser alcanzadas por todos y puedes tener resultados inresperados.

Mi consejo, utiliza variables globales solo lo justo y necesario y cuando las uses identifícalas de alguna manera que no puedas confundirla luego con variables normales dentro de las funciones. Por ejemplo:

Código Javascript:

var _GLOB_myVar1 = "Esta es mi variable global 1";
var _GLOB_myVar2 = "Esta es mi variable global 2";
 
function myFunction() {
    var myVar1 = "Esta es mi variable 1 para esta función";
    var myVar2 = "Esta es mi variable 2 para esta función";
}
 

[Alexis88]

Manuel, la cadena de consulta también es válida para el envío de datos mediante el método HTTP POST. La única diferencia es que no va adherida a la URL de destino, como sí sucede con el método HTTP GET.

[jecavi_20]

Iniciado por alvaro_trewhela

Te dejo un template de ajax:

function someAJAXfunction(){
var ajax = new ajax();
ajax.open("POST", "script.php", true);
ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

var var1 = document.getElementById("someElement1").value;
var var2 = document.getElementById("someElement2").value;
get js values...


ajax.send("var1="+var1+"&var2="+var2 etc....);

ajax.onreadystatechange = function(){
if(ajax.readyState == 4 && ajax.status == 200){
ajaxResponse = ajax.responseXML; //o respondeText ahí ves...
}
};

//TO DO, AND ALL THE VALUE IN: ajaxResponse
}

Iniciado por Alexis88

Solo concatena todos los valores que desees enviar mediante la cadena de consulta que pasas como argumento al método .send().

La forma es la de variable1=valor1&variable2=valor2&variableN=valorN .

Iniciado por manuparquegiralda

Otro consejo, define SIEMPRE las variables. Si no defines una variable dentro de una función esta se comporta como una variable global y puedes tener problemas.

Muchísimas gracias muchachos son los mejores de verdad