You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
4.1 KiB
121 lines
4.1 KiB
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<link href="//maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet"> |
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> |
|
<title>NoteHub API Testing</title> |
|
<meta charset="UTF-8"> |
|
</head> |
|
<body> |
|
<script> |
|
function request(type, data) { |
|
$("#request").text(JSON.stringify(data)); |
|
$.ajax({ |
|
type: type, |
|
dataType: 'json', |
|
url: "/api/note", |
|
data: data, |
|
success: function(result){ |
|
$("#response").text(JSON.stringify(result)); |
|
} |
|
}); |
|
} |
|
function selectForm(name) { |
|
["#get", "#post", "#update"].forEach(function(elem){ |
|
if(name==elem) { |
|
$(elem + "-form").show(); |
|
$(elem + "-li").addClass("active"); |
|
} else { |
|
$(elem + "-form").hide() |
|
$(elem + "-li").removeClass("active"); |
|
} |
|
}); |
|
} |
|
function getNote(){ |
|
var data = { |
|
noteID: $("#get-noteID").val(), |
|
version: $("#version").val() |
|
}; |
|
request("GET", data); |
|
} |
|
function postNote(){ |
|
var data = { |
|
note: $("#post-note").val(), |
|
pid: $("#pid").val(), |
|
signature: $("#post-signature").val(), |
|
password: $("#post-password").val(), |
|
version: $("#version").val() |
|
}; |
|
request("POST", data); |
|
} |
|
function updateNote(){ |
|
var data = { |
|
noteID: $("#update-noteID").val(), |
|
note: $("#update-note").val(), |
|
pid: $("#pid").val(), |
|
signature: $("#update-signature").val(), |
|
password: $("#update-password").val(), |
|
version: $("#version").val() |
|
}; |
|
request("PUT", data); |
|
} |
|
</script> |
|
<div class="container"> |
|
<div class="page-header"> |
|
<h1>NoteHub API Testing</h1> |
|
</div> |
|
<label>PID</label> |
|
<input id="pid" type="text"> |
|
<label>PSK</label> |
|
<input id="psk" type="text"> |
|
<label>API version</label> |
|
<input id="version" type="text" value="1.4"> |
|
<br/> |
|
<ul class="nav nav-tabs"> |
|
<li id="get-li" class="active"><a href="javascript:selectForm('#get')">Get Note</a></li> |
|
<li id="post-li"><a href="javascript:selectForm('#post')">Post Note</a></li> |
|
<li id="update-li"><a href="javascript:selectForm('#update')">Update Note</a></li> |
|
</ul> |
|
<form id="get-form"> |
|
<fieldset> |
|
<label>noteID</label> |
|
<input id="get-noteID" type="text" value="2014/1/3/lorem-ipsum"> |
|
<br/> |
|
<a href="javascript:getNote()" class="btn">Submit</a> |
|
</fieldset> |
|
</form> |
|
<form id="post-form" style="display: none;"> |
|
<fieldset> |
|
<label>note</label> |
|
<textarea id="post-note"></textarea> |
|
<label>signature (md5 hash of pid + psk + note)</label> |
|
<input id="post-signature" type="text" value=""> |
|
<label>password</label> |
|
<input id="post-password" type="text" value=""> |
|
<br/> |
|
<a href="javascript:postNote()" class="btn">Submit</a> |
|
</fieldset> |
|
</form> |
|
<form id="update-form" style="display: none;"> |
|
<fieldset> |
|
<label>noteID</label> |
|
<input id="update-noteID" type="text" value=""> |
|
<label>note</label> |
|
<textarea id="update-note"></textarea> |
|
<label>password</label> |
|
<input id="update-password" type="text" value=""> |
|
<label>signature (md5 of pid + psk + noteID + note + password)</label> |
|
<input id="update-signature" type="text" value=""> |
|
<br/> |
|
<a href="javascript:updateNote()" class="btn">Submit</a> |
|
</fieldset> |
|
</form> |
|
<h4>Request</h4> |
|
<pre id="request" class="prettyprint linenums"> |
|
</pre> |
|
<h4>Response</h4> |
|
<pre id="response" class="prettyprint linenums"> |
|
</pre> |
|
</div> |
|
</body> |
|
</html>
|
|
|