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"
})
})
}