Show result in 2 text boxes with ajax

Question

Show result in 2 text boxes with ajax

Navigation

#1 by (1 votes)

0

I want to obtain two results through a query by ajax, for now I only get one and I show it in a text box:

index.php:

<script>
function enviar(){
  //var n =  document.getElementById("nombre").value;
  var datos={
                "nombre": $("#nombre").val(),
              }

$.ajax({
type:'post',
url: 'prueba_consulta.php',
data: datos,
//data: {nombre:n},
success: function(d){
  $("#respa").val(d);// ID de la 1era caja de texto
  $("#respa2").val(d);// ID de la 2da caja de texto
}

});
return false;
}
</script>

<form method="post">
  <input type="text" name="nombre" size="30" name="" id="nombre">
  <input type="button" name="" value="enviar" onclick="enviar()">
  <input type="text" id="respa"><br>
  <input type="text" id="respa2"><br>// Aca deseo la 2da consulta
</form>

test_consulta.php:

<?php
//************ conexion a BD ***************
    $con = mysql_connect("localhost","root","");
    mysql_select_db("mantenimiento",$con);

 $filtro=$_POST["nombre"];
 $rs= mysql_query("SELECT * FROM registro_energia_temp WHERE nombre_site like '%$filtro%' order by id_energia desc ;"); 

$row = mysql_fetch_assoc($rs);

echo $row['nombre_site']; //1er resultado q ingresa a la 1era caja de texto
echo $row['fecha_manto_energia'];// deseo mostrar en la segunda caja de texto

Thank you very much in advance.

ajax

asked by Javier A. 20.10.2017 в 00:39

source

1 answer

UTF-8 IN JSP does not work .focus () to a tabIndex

score 1 · Accepted Answer

To obtain more values you must send them and receive them as a json object in the following way:

index.php:

<script>
function enviar(){
  //var n =  document.getElementById("nombre").value;
  var datos={
                "nombre": $("#nombre").val(),
              }

$.ajax({
type:'post',
url: 'prueba_consulta.php',
data: datos,
dataType: 'json',
success: function(d){
  $("#respa").val(d[0]);// ID de la 1era caja de texto
  $("#respa2").val(d[1]);// ID de la 2da caja de texto
}

});
return false;
}
</script>

<form method="post">
  <input type="text" name="nombre" size="30" name="" id="nombre">
  <input type="button" name="" value="enviar" onclick="enviar()">
  <input type="text" id="respa"><br>
  <input type="text" id="respa2"><br>// Aca deseo la 2da consulta
</form>

test_consulta.php:

<?php
//************ conexion a BD ***************
    $con = mysql_connect("localhost","root","");
    mysql_select_db("mantenimiento",$con);

 $filtro=$_POST["nombre"];
 $rs= mysql_query("SELECT * FROM registro_energia_temp WHERE nombre_site like '%$filtro%' order by id_energia desc ;"); 

$row = mysql_fetch_assoc($rs);

$datos_a_enviar = array($row['nombre_site'], $row['fecha_manto_energia']);

echo json_encode($datos_a_enviar);