Untitled

<html>
  <head>
   <script language="javascript" type="text/javascript" src="jquery.js">  </script>
  </head>
  <body>
<h3>Output: </h3>
<div id="output">this element will be accessed by jquery and this text    replaced</div>

 <script id="source" language="javascript" type="text/javascript">

 $(function ()
 {
  $.ajax({
  url: 'example.php',
  data: "",

  dataType: 'json',
  success: function(data)

        {
  var html = "";
  for(var i = 0; i < data.length; i++){
  var uid = data[i].uid;
  var firstname = data[i].firstname;
  var lastname = data[i].lastname;
  var email = data[i].email;
  var username = data[i].username;
  var password = data[i].password;

  html += "<b>uid: </b>"+uid+"<b> firstname:   </b>"+firstname+"<b>  lastname: </b>"+lastname+"<b> email: </b>"+email+"<b> username: </b>"+username+"<b> password: </b>"+password;
  }
$("#output").html( html );

  }
  });
 });
 </script>
 </body>
</html>