basic video tile

js/BaseRequest.js

@@ -0,0 +1,33 @@
+class Req {
+    static post(url, data, callback) {
+        const xhttp = new XMLHttpRequest();
+        xhttp.open("POST",url,true);
+        xhttp.onload = function(){
+            if (this.readyState == 4 && this.status == 200) {
+                callback(JSON.parse(xhttp.responseText));
+            }
+        }
+        xhttp.onerror = function () {
+            console.log("error")
+        };
+        xhttp.send(data);
+    }
+
+    static get(url, callback) {
+        const xhttp = new XMLHttpRequest();
+        xhttp.onreadystatechange = function(){
+            if (this.readyState == 4 && this.status == 200) {
+                callback(JSON.parse(xhttp.responseText));
+            }else{
+                console.log("err")
+            }
+        }
+
+        xhttp.open("GET",url,true);
+        xhttp.send();
+    }
+
+    static ready(callback){
+        document.addEventListener('DOMContentLoaded', callback);
+    }
+}

js/index.js

@@ -0,0 +1,9 @@
+Req.ready((event) => {
+    Req.post("php/movie.php", "action=getMovies", function (dta) {
+        console.log(dta);
+        // for (const ii in dta.movies) {
+        //     document.getElementsByClassName("mediawrapper").item(0).insertAdjacentHTML('beforeend', `
+        //     <div class="mediatile">${dta.movies[ii].title}</div>`);
+        // }
+    });
+});