<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
</head>
<body>
<h1>Device List</h1>
<img src='images/logo.png'/ width=100 height=100><br/>
<div id="main">
<FORM id = "form1" action="" method="post">
<P>
<LABEL for="id">Client Number: </LABEL>
<INPUT type="text" name="client_id"><BR>
<input type="hidden" name="ajax" value="true"/>
<INPUT type="submit" value="Send">
</P>
</FORM>
</div>
<script type="text/javascript">
$("#form1").submit(function() {
$.ajax({
type: "POST",
url: "/modems",
data: $("#form1").serialize(),
success: function(result)
{
$("#main").html(result);
},
error: function (xhr, ajaxOptions , thrownError) {
alert(thrownError);
}
});
return false;
});
</script>
</body>