Untitled

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Project 2</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="somestyles.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <form action="rpc.php" method="POST">
    <p>username: <input type="text" id="username" /></p>
    <p>password: <input type ="password" id="password" /></p>
    <button type="button" onclick="sendRequest()">Submit</button>
    <button type="button" onclick="sendRegister()">Register</button>
    <div id="output"></div>


<script>
var request;
function sendRequest()
{
	var name = document.getElementById("username").value;
	var pw = document.getElementById("password").value;
	request = new XMLHttpRequest();
	request.onreadystatechange = handleResponse;
	request.open("POST","rpc.php",true);
	request.setRequestHeader("Content-type","application/json");
	var data = JSON.stringify({request:"login",username:name,password:pw});
	request.send(data);
}
function sendRegister()
{
	var name = document.getElementById("username").value;
	var pw = document.getElementById("password").value;
	request = new XMLHttpRequest();
	request.onreadystatechange = handleResponse;
	request.open("POST","rpc.php",true);
	request.setRequestHeader("Content-type","application/json");
	var data = JSON.stringify({request:"register",username:name,password:pw});
	request.send(data);
}

function handleResponse()
{
	document.getElementById("output").innerHTML =
		"<p>"+request.responseText+"</p>";
}
</script>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>


rpc.php


<?php

require_once("clientDB.php.inc");
$request = $_POST['request'];
$request = json_decode(file_get_contents("php://input"),true);
session_start();
$_SESSION['username']=$request['username'];
$response = "error unrecognized request<p>";
switch($request["request"])
{
    case "login":
	$username = $request['username'];
	$password = $request['password'];
	$login = new clientDB("connect.ini");
	$response = $login->validateClient($username,$password);
	if ($response['success']===true)
	{
		$response = "Login Successful!<p>";
		echo"<a href=chatroomselect.php>Click here to select a chatroom</a><br/>";
	}
	else
	{
		$response = "Login Failed:".$response['message']."<p>";
	}
	break;

    case "register":
	$username = $request['username'];
	$password = $request['password'];
	$register = new clientDB("connect.ini");
	$response = $register->addNewClient($username,$password);
	if ($response['success']===true)
	{
		$response = "Registration Successful!<p>";
	}
	else
	{
		$response = "Registration Failed:".$response['message']."<p>";
		break;
	}
}

echo json_encode($response);
?>