add search request

index.html

@@ -1,6 +1,7 @@
 <meta charset="utf-8">
 <div id="ms-wrapper"></div>
-<button disabled onclick="alert(selectedId)">show Table</button>
+<button disabled onclick="showTable()">show Table</button>
+<div id="stock-table"></div>
     <script type="text/javascript"
             src="https://cdnjs.cloudflare.com/ajax/libs/mootools/1.6.0/mootools-core.min.js"></script>
     <link rel="stylesheet" href="styles.css">

index.js

@@ -93,6 +93,26 @@ function createIcon(type) {
         alt: 'icon'
     })
 }
+
+/**
+ * Makes a get request and
+ */
+function showTable() {
+    const table = $('stock-table');
+    new Request({
+        url: 'example.php',
+        method: 'get',
+        onRequest: function(){
+            table.set('text', 'loading...');
+        },
+        onSuccess: function(responseText){
+            table.set('text', responseText);
+        },
+        onFailure: function(){
+            table.set('text', 'Sorry, your search ' + selectedId + ' could not be loaded.');
+        }
+    }).send('param=' + selectedId);
+}
 // function loadJSON(callback) {
 //     var xobj = new XMLHttpRequest();
 //     xobj.overrideMimeType("application/json");