problema con PHP y JSON

[renzo68]

Estimados Buen Día, quisiera que me ayuden con este codigo, en jquery y php, parece estar todo bien pero cuando consulta del archivo de login al de php, solo muestra este ultimo con el JSON impreso en pantalla. Al menos me recepciona el valor pero que esta faltando para que funcione adecuadamente.

Aqui el codigo de jquery (login.php)

Código HTML:

$(document).ready(function(){
   $("#btnsubmit").click(function(evento){
      evento.preventDefault();
      $("#loading").css("display", "block");
	  var txtruc=$("#txtruc").attr("value");
	  var txtclave=$("#txtclave").attr("value");
           $.post("validar.php", {txtruc: txtruc,txtclave:txtclave}, function(data){
			$("#loginresult").html(data.txtruc+data.txtclave);	},"json");
   });
})

Aqui el php que valida (validar.php)

Código PHP:

  session_start();
$data['txtruc']=$_SESSION['txtruc'] = $_REQUEST['txtruc'];
$data['txtclave']=$_SESSION['txtclave'] = $_REQUEST['txtclave'];
echo json_encode($data); 
   

Como les mencione al ejecutar el boton de login me envia la informacion al lavlidar.php pero este lo imprime en su pantalla, lo que yo espero como se ve ene l codigo es imprimir el texto que se envio en el login de vuelta en un div.

Haber si me pueden aclarar en que estoy errando. Por que al menos entiendo que mi php si soporta json por que lo codifica.

[GatorV]

Al usar .html() lo que haces es insertar la respuesta como HTML en el div que indicas, necesitas usar otra forma para recibir los datos.

Saludos.

[renzo68]

Agradesco tu respuesta, y pido disculpa por la demora en contestar.

Lo raro es que en varios sitios donde he investigado sobre el tema, me ponen como una solucion esar ese metodo.

Te agradeceria si me pudieras dar una guia y como explique arriba, cuando ejecuto el boton veo la siguiente pagina con el JSON impreso, lo cual no deberia ser asi, Cierto? La misma pagina deberia de recibir la respuesta.

Agradesco su tiempo y paciencia a los que me puedan ayudar.

[GatorV]

Pues un ejemplo podría ser:

Código javascript:

$.getJSON(
     'validar.php',
    function(data) {
           alert(data.txtruc);
           alert(data.txtclave);
    }
);
 

Saludos.