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>'; ?> Link to comment https://forums.phpfreaks.com/topic/190755-need-help-sending-data-to-php-file-and-displaying-it-using-ajax/ 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> Link to comment https://forums.phpfreaks.com/topic/190755-need-help-sending-data-to-php-file-and-displaying-it-using-ajax/#findComment-1005943 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 Link to comment https://forums.phpfreaks.com/topic/190755-need-help-sending-data-to-php-file-and-displaying-it-using-ajax/#findComment-1005945 Share on other sites More sharing options...
trq Posted February 3, 2010 Share Posted February 3, 2010 Have you debugged it in firebug? Link to comment https://forums.phpfreaks.com/topic/190755-need-help-sending-data-to-php-file-and-displaying-it-using-ajax/#findComment-1006391 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.