doforumda Posted February 3, 2010 Share Posted February 3, 2010 hi i have following code. it has a problem when i submit username and password it does not display that username and password back. index.html <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery-1.4.min.js" type="text/javascript"></script> <script> //window.onload = initAll; function initAll() { var user = $("input#user").val(); var pass = $("input#pass").val(); var url = 'login.php'; var params = 'user=' + user + '&pass=' + pass; alert (params); var xhr = new $.ajax(url, { type: 'POST', data: params, success: showResponse }); } function showResponse() { var data = xhr.responseText; $("#content").html(data); } </script> <title>Untitled Document</title> </head> <body> <div id="content"></div> <form> Username:<br /> <input type="text" name="user" id="user" /><br /> Password:<br /> <input type="password" name="pass" id="pass" /><br /> <input type="button" name="submit" id="submit" value="Login" onclick='initAll()' /> </form> </body> </html> login.php <?php $user = $_POST['user']; $pass = $_POST['pass']; echo $user.'<br>'; echo $pass.'<br>'; ?> Quote Link to comment Share on other sites More sharing options...
trq Posted February 3, 2010 Share Posted February 3, 2010 You've made the client side code allot more complex than need be. <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery-1.4.min.js" type="text/javascript"></script> <script> $(document).ready(function() { $('#submit').submit(function() { $.ajax({ url: 'login.php', type: 'POST', data: { user: $("input#user").val(), pass: $("input#pass").val() }, dataType: 'html', success: function(d) { $("#content").html(d); } }); }); }); </script> <title>Untitled Document</title> </head> <body> <div id="content"></div> <form> Username:<br /> <input type="text" name="user" id="user" /><br /> Password:<br /> <input type="password" name="pass" id="pass" /><br /> <input type="button" name="submit" id="submit" value="Login" /> </form> </body> </html> Quote Link to comment Share on other sites More sharing options...
doforumda Posted February 3, 2010 Author Share Posted February 3, 2010 You've made the client side code allot more complex than need be. <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery-1.4.min.js" type="text/javascript"></script> <script> $(document).ready(function() { $('#submit').submit(function() { $.ajax({ url: 'login.php', type: 'POST', data: { user: $("input#user").val(), pass: $("input#pass").val() }, dataType: 'html', success: function(d) { $("#content").html(d); } }); }); }); </script> <title>Untitled Document</title> </head> <body> <div id="content"></div> <form> Username:<br /> <input type="text" name="user" id="user" /><br /> Password:<br /> <input type="password" name="pass" id="pass" /><br /> <input type="button" name="submit" id="submit" value="Login" /> </form> </body> </html> when i press login button it does not do anything. and also it is not displaying the username and password which i want to do Quote Link to comment Share on other sites More sharing options...
trq Posted February 3, 2010 Share Posted February 3, 2010 Have you debugged it in firebug? Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.