PHP no pasa los parametros ajax por post

adrian_ · #1 (**permalink**) 26/03/2015, 18:49

Hola Foro

Tengo el siguiente formulario la idea es pasar los datos por ajax a un index que hace el logueo y muestra la pagina principal el problema es que no se y no encuentro por que no manda los parametros este es el codigo php

<body>
<form name="form" method="post">

<input id="usr" type="text" value="" />
<input id="pass" type="password" value=""/>

<input name="login" type="hidden" value="1" />

<input name="login" id="submit" type="submit" />

</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="eventos_ajax.js"></script>
</body>

y este es el codigo js

$(document).ready
(
function()
{
var usuario = $("#usr").val();
var pwd = $("#pass").val();

alert("El usuario es " +usuario);
alert("La contraseña es " +pwd);

$("#pwd").change(function()
{
$.ajax({
type: "POST",
url: "index.php",
data: 'usuario=usuario&pwd=pwd',
async: true,
//data: {usuario:usuario,pwd:pwd},
dataType: "json"
})
})
});

agradezco cualquier ayuda ya estoy arto y no veo por que no recibe los parametros los campos se llaman igual en teoria todo esta bien, gracias.

pateketrueke · #2 (**permalink**) 26/03/2015, 19:44

Eso es Javascript, no entiendo por qué publicar en el foro de PHP.

Además esto está mal:

Código Javascript:

Ver originaldata: 'usuario=usuario&pwd=pwd',

Deberías pasar un objeto:

Código Javascript:

Ver originaldata: {usuario:usuario,pwd:pwd},

matrixre9 · #3 (**permalink**) 26/03/2015, 19:50

No se si tenga que ver que las librerías query están declaradas dentro del body normalmente van dentro del head.

igual si puedes explicar un poco mejor que es lo que quieres hacer.

a lo que yo entiendo es que quieres mandar lo que metas en los campos user y contraeña los quieres mandar a otro archivo php?

matrixre9 · #4 (**permalink**) 26/03/2015, 20:21

Olvida mi comentario anterior mas bien que es lo que quieres hacer mejor explicado?

matrixre9 · #5 (**permalink**) 26/03/2015, 21:18

Modifique tu código de php y el de la función amigo checalo para ver si es lo que necesitabas

Le agregue un evento al botón que carga la función que esta en el JS
La librería y la carga del archivo las pase al principio
En el js quite en ready para que no se iniciara siempre sino asta que tenga datos.
En el js cambien lo de data y el orden en que los ponías.

espero te sirva aqui dejo el codigo

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script language="JavaScript" src="eventos_ajax.js"></script>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Documento sin título</title> 
</head> 
 
<body> 
<body>  
<form name="wizard" method="post">  
    <fieldset>  
        <label for="nombre">  
        <div align="left">Usuario:</div>  
        </label>  
        <label for="apellidos">  
        <div align="left">Contraseña:</div>  
        </label>  
    </fieldset>  
    <fieldset>  
        <input id="usr" name="usr" type="text" />  
        <input id="pass" name="pass" type="password"/>  
    </fieldset>  
    <div align="center" style="padding:1px 0; clear:both">  
       
        <div align="center">  
            <input name="login" type="hidden" value="1" />  
        <!--        <input class="btniniciar" name="login" type="submit" value=""  /> -->  
            <input  name="login" id="submit" type="submit" onclick="datos()" />                
        </div>  
    </div>  
</form>  
</body> 
</body> 
</html>

Este es el codigo de eventos_ajax.js

Código PHP:

  function datos() 
{ 
var usuario = $("#usr").val(); 
var pwd = $("#pass").val(); 
 
alert("El usuario es " +usuario); 
alert("La contraseña es " +pwd); 
 
$("#pwd").change(function() 
{ 
$.ajax({ 
type: "POST", 
data: 'usuario:usuario, pwd:pwd', 
url: "index.php", 
async: true, 
//data: {usuario:usuario,pwd:pwd},  
dataType: "json" 
}) 
}) 
}

matrixre9 · #6 (**permalink**) 26/03/2015, 21:19

Comenta si te sirvio

adrian_ · #7 (**permalink**) 27/03/2015, 09:31

Hola gracias por responder

si efectivamente los parametros deben de ir de esta forma (data: {usuario:usuario,pwd:pwd},) pero ya lo intente asi y nada por eso lo publique con la ultima opcion que encontre en intenet de todos modos gracias por responder pateketrueke, y matrixre9 voy a probar tu codigo y claro que comento si funciono gracias.

adrian_ · #8 (**permalink**) 27/03/2015, 09:59

matrixre9

Si envia los parametros ya los veo en el alert pero no envia a la pagina index.php, te comento que es lo que intento hacer de un script que esta fuera de mi servidor quieren enviar los datos de logueo mediante post y quieren que cuando se cachen esos datos sin dar click sin hacer aparentemente nada se validen los datos y te envie a la pagina de index, lo que quiero hacer es poder tomar esos valores con ajax y poder loguear al usuario para que ya se le muestre la pagina de inicio, gracias por tu ayuda y tu tiempo.

saludos

matrixre9 · #9 (**permalink**) 27/03/2015, 13:26

Entonces a lo que entiendo amm es llenar los campo del usuario y contraseña darle click en el boton y al dar click:

enviar los datos---- AL-------archivo ajax.

si el usuario existe que te mande a la pagina de index.

¿En el archivo ajax quieres validar que el usuario exista y si estoy es verdadero te direccione a la pagina index ya logueado?

Estas usando sesiones y de ser así manda tu código de tu pagina index