i have following code. it has a problem when i submit username and password it does not display that username and password back.


<!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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.4.min.js" type="text/javascript"></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;
<title>Untitled Document</title>
<div id="content"></div>
	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()' />


$user = $_POST['user'];
$pass = $_POST['pass'];

echo $user.'<br>';
echo $pass.'<br>';


First of all: why would you use jquery for this simple request? Anyway... The variable xhr is not available in the second function, so it can't retrieve it's responseText. I don't have experience with jQuery AJAX, so I assume your syntax is written correctly (it seems like it is).


When using jQuery for ajax I write something like this


Give it a try, see how you get on.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.