Storage API HTML Sample

<meta http-equiv="content-script-type" content="text/javascript">
<script src="http://code.jquery.com/jquery-1.7.1.min.js"
   type="text/javascript"></script>
<script type="text/javascript">
jQuery.support.cors = true;
   
var storageId = "";
var defaults = {
      Key1: 'Value1',
      Key2: 'Value2',
      Key3: 'Value3',
      FileKey: 'FileKey',
   ttl: 3600,
    CreateData: '{ "a":"valuea", "b":"valueb", "c":"valuec" }',
   UpdateData: '{ "a":"new_valuea", "d":"new_valued" }'
};
function doPost( url, callback )
{
   var data = new Object();
   data[ 'a' ] = $("#Key1").val();
   data[ 'b' ] = $("#Key2").val();
   data[ 'c' ] = $("#Key3").val();
   
   $.post( url, data, callback );
   return;
}
function query() {
   $.get( '/genesys/1/storage/' + storageId, function(data) {
         $("#query_result_label").text( JSON.stringify( data ) );
      });
}
function create() {
   doPost('/genesys/1/storage/' + $("#ttl").val(), function( result ) {
      storageId = result.id;
      $("#storage_id_label").text( storageId );
   });
}
function update() {
   if ( storageId == '' ) return;
   doPost('/genesys/1/storage/' + storageId + "/" + $("#ttl").val() );
}
function del() {
   $.ajax({
        type: 'DELETE',
        url: '/genesys/1/storage/' + storageId
      });
}
$(function(){
    $("#Control input").each(function () {
        $(this).val(defaults[this.id]);
    });
    $("#create").click(function () {     
      create();
    });
    $("#query").click(function () {
      query();
    });
    $("#update").click(function () {
      update();
    });
    $("#delete").click(function () {
      del();
    });
});
</script>
<b>GSG Storage Test Controls</b>
<div id="Control">
   <div>
      <label for="ttl">TTL</label><input id="ttl">
   </div>
   <div>
      <label for="Key1">Key1</label><input id="Key1">
   </div>
   <div>
      <label for="Key2">Key2</label><input id="Key2">
   </div>
   <div>
      <label for="Key3">Key3</label><input id="Key3">
   </div>
</div>
<button id="create">Create</button>
<button id="update">Update</button>
<button id="query">Query</button>
<button id="delete">Delete</button>
<p />
<div>Storage id:</div>
<div id="storage_id_label"></div>
<div>Query results:</div>
<div id="query_result_label"></div>
<div></div>