problema con resultado de consulta php ajax

[meyreponce]

Hola que tal espero puedan guiarme tengo una duda respecto a la impresion de el resultado de una consulta traida con ajax

tengo dos archivos
uno donde hago la consulta y mando los datos por ajax a mi segunda pagina
todo me funciona correctamente, obtengo los datos que quiero aqui me surge el problema

archivo 1 envio los datos al archivo datos.php

Código HTML:

$(document).ready(function(){
	$("#form2").submit(function(){
		$.post('datos.php', $("#form2").serialize(), function(data){
		$("#error").html(data);
		});
return false;

	});
});

<form id="form2" name="form2" method="post" action="">
<input name="ID" type="text" id="ID">
<input type="submit" />
</form>

 <div id="error" align="center"></div> 

datos.php

Código PHP:

  $ID=$_POST['ID']; 
$result = mysql_query("SELECT * FROM useraccess WHERE ID='$ID'"); 
         $row=mysql_fetch_array($result); 
         $tipo=$row['TIPO']; 
         $nom=$row['NOMBRE']; 
         $zona=$row['ZONA']; 
         $ubicacion=$row['UBICACION']; 
 
echo $tipo;  
   

la consulta me funciona los datos me son traidos dentro del div error

pero todos, ese es mi problema ya que lo que necesito es imprimir el resultado de cada variable dentro de un input text no un div
espero puedan guiarme en eso

saludos!

[PIRRUMAN]

te lo escribe en el div por que asi le indicas

Código Javascript:

$("#error").html(data);
 

si lo que quieres es darle el valor a un input seria

Código Javascript:

$("#ID").val(data);
 

[meyreponce]

gracias por tu respuesta ya habia intentado eso y la cuestion es que no solo necesito imprimir en un solo text por ejemplo

dentro de el text nombre la variable $nombre
dentro de el text apellido la variable $apellido

y no que me imprima todo sobre el mismo text que le indico, como debo indicarle que cada variable se imprima en su text respectivo?

Iniciado por PIRRUMAN

te lo escribe en el div por que asi le indicas

Código Javascript:

$("#error").html(data);
 

si lo que quieres es darle el valor a un input seria

Código Javascript:

$("#ID").val(data);
 

[PIRRUMAN]

en datos.php solo estas regresando un dato, podrias ya se regresar un arreglo o un objeto

prueba esto

Código PHP:

//echo $tipo;
echo json_encode($row); //convertir a json e imprimir
 

y cuando lo asignes

Código Javascript:

$.post('datos.php', $("#form2").serialize(), function(data){
console.log(data);//verifica que te regresa
 
obj = jQuery.parseJSON(data);//conviertes en json el texto
 
console.log(obj);   //observas la diferencia    
$("#ID").val(obj['ID']);//asignas valor segun su posicion
$("#NOMBRE").val(obj['NOMBRE']);
        });'
etc...
 

[meyreponce]

Muchas Gracias!, ya lo solucione con tu ayuda he aprendido algo nuevo

Código HTML:

$(document).ready(function(){
	$("#form2").submit(function(){
		$.post('datos.php', $("#form2").serialize(), function(data){
		console.log(data);//verifica que te regresa
$("#NOMBRE").val(row['NOMBRE']);
		});
return false;

	});
});


<form id="form2" name="form2" method="post" action="">
<input name="ID" type="text" id="ID">
<input type="submit" />
</form>

<input name="NOMBRE" type="text" id="NOMBRE"> 

Código PHP:

  $ID=$_POST['ID']; 
 
include("php/bdd/bdd.php"); 
         $result = mysql_query("SELECT * FROM useraccess WHERE ID='$ID'"); 
         $row=mysql_fetch_array($result);          
        return $row;  
   

[meyreponce]

Iniciado por PIRRUMAN

en datos.php solo estas regresando un dato, podrias ya se regresar un arreglo o un objeto

prueba esto

Código PHP:

//echo $tipo;
echo json_encode($row); //convertir a json e imprimir
 

y cuando lo asignes

Código Javascript:

$.post('datos.php', $("#form2").serialize(), function(data){
console.log(data);//verifica que te regresa
 
obj = jQuery.parseJSON(data);//conviertes en json el texto
 
console.log(obj);   //observas la diferencia    
$("#ID").val(obj['ID']);//asignas valor segun su posicion
$("#NOMBRE").val(obj['NOMBRE']);
        });'
etc...
 

me surgio otro conflicto ahora espero puedas guiarme
tengo esto

valido mis campos con js despues de la validacion envio mi formulario y mi respuesta de php necesito imprimirla en mi div #error lo hace solo hasta que doy doble clic

Código:

function validacion() {
	 event.preventDefault();
var name = $("#nombre").val();
var apellidos = $("#apellidos").val();
  if (name=="") {
    alert('EL NOMBRE DEL CLIENTE NO PUEDE IR VACIO');
	$("#nombre").focus();
	//return false;
  }else{
	  if(apellidos==""){
		   alert('LOS APELLIDOS DEL CLIENTE NO PUEDEN IR VACIO');
	$("#apellidos").focus();
	//return false; 
	  }else{

		$("#form1").submit(function(){
		$.post('../php/registro.php', $("#form1").serialize(), function(data){
			$("#error").html(data);
			});
			});
  return false;
}}}

html

Código:

 <form id="form1" action="" method="post" onsubmit="return validacion()">
<input type="text" name="nombre" id="nombre" placeholder='NOMBRE...'/>

archivo php externo

Código PHP:

  echo 'algo aqui que necesito en un div';  
   

[PIRRUMAN]

No tienes por que hacer submit o agregarle funciones al evento submit, se supone para eso es el ajax, si ya tienes una respuesta del servidor , para que enviar de nuevo los datos.

Código PHP:

$("#form1").submit(function(){// QUITA ESTO
        $.post('../php/registro.php', $("#form1").serialize(), function(data){
            $("#error").html(data);
            });
            });//Y ESTO
 

y si lo que quieres es redireccionar tu pagina una vez que se haya agregado el registro puedes hacer algo asi

Código PHP:

$.post('../php/registro.php', $("#form1").serialize(), function(data){
if(data['error']==1){//Si hubo un error en la consulta
$("#error").html(data['msgerror']);
return false;
}else{
return true;
}
            
            });