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>';

?>

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).

~G

When using jQuery for ajax I write something like this

$.post(url,{params},function(data){
  $("#content").html(data);
});

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.