Update js example to print to screen

achave11-ucsc · Aug 3, 2016 · f6cb889 · f6cb889
1 parent 26b07bf
commit f6cb889
Showing 1 changed file with 30 additions and 29 deletions.
diff --git a/html/js_examples.html b/html/js_examples.html
@@ -3,34 +3,35 @@
   <script src="https://code.jquery.com/jquery-1.12.3.min.js"   integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ="   crossorigin="anonymous"></script>
 </head>
 <body>
-  <script>
-  var baseurl = "http://1kgenomes.ga4gh.org/";
-
-  function getVariants(query, callback) {
-    return $.ajax(baseurl + "variants/search", {
-        data : JSON.stringify(query),
-        contentType : 'application/json',
-        type : 'POST',
-        success: callback,
-        dataType: 'json'
-    });
-  }
-  console.log('hi');
-
-  var variantSetId = "WyIxa2dlbm9tZXMiLCJ2cyIsInBoYXNlMy1yZWxlYXNlIl0";
-
-  var query = {
-    "variantSetId": variantSetId,
-    "referenceName": "1",
-    "start": 0,
-    "end": 123123123123
-  }
-
-  function myCallback(response) {
-    console.log(response);
-  }
-
-  getVariants(query, myCallback);
-  </script>
+<pre id="response">Loading...</pre>
+<script>
+var baseurl = "http://1kgenomes.ga4gh.org/";
+
+function getVariants(query, callback) {
+  return $.ajax(baseurl + "variants/search", {
+      data : JSON.stringify(query),
+      contentType : 'application/json',
+      type : 'POST',
+      success: callback,
+      dataType: 'json'
+  });
+}
+
+var variantSetId = "WyIxa2dlbm9tZXMiLCJ2cyIsInBoYXNlMy1yZWxlYXNlIl0";
+
+var query = {
+  "variantSetId": variantSetId,
+  "referenceName": "1",
+  "start": 0,
+  "end": 123123123123
+}
+
+function myCallback(response) {
+  console.log(response);
+  $("#response").html(JSON.stringify(response, null, 2));
+}
+
+getVariants(query, myCallback);
+</script>
 </body>
 </html>