public/ping.html

   1 <!doctype html>
   2 <html xmlns:ng="http://angularjs.org">
   3  <script src="http://code.angularjs.org/angular-0.9.12.min.js" ng:autobind></script>
   4  <body>
   5   <script>
   6     function PingCntl($xhr) {
   7       var self = this;
   8
   9       this.fetch = function() {
  10         self.clear();
  11         self.url = '/g/' + self.function + '/' + self.args + '?callback=JSON_CALLBACK';
  12         $xhr('JSON', self.url, function(code, response) {
  13           self.code = code;
  14           self.response = response;
  15         });
  16       };
  17
  18       this.clear = function() {
  19         self.code = null;
  20         self.response = null;
  21       };
  22     }
  23     PingCntl.$inject = ['$xhr'];
  24   </script>
  25   <div ng:controller="PingCntl">
  26     <input type="text" name="function" value="ping"      size="20"/>
  27     <input type="text" name="args"     value="127.0.0.1" size="10"/>
  28     <button ng:click="fetch()">fetch</button>
  29     <button ng:click="clear()">clear</button>
  30     <pre>
  31 url={{url}}
  32 code={{code}}
  33 response={{response}}
  34     </pre>
  35   </div>
  36  </body>
  37 </html>