diff --git a/templates/index.html b/templates/index.html index 35b815d437d34e58275f24be48d6bb1eba82ab1b..31e1195555d67f5b4eb4f8baad4f1bea4c9541ca 100644 --- a/templates/index.html +++ b/templates/index.html @@ -17,24 +17,33 @@ <form action="search" method="post"> <input name="term" placeholder="term"><br> <input name="context" placeholder="context"><br> - <input type="submit" value="Query"> + <input type="button" value="Query" onclick="execute();"> </form> -<button onclick="execute();">Execute</button> +<div id="form-result"> + +</div> <script> function execute() { var http = new XMLHttpRequest(); var url = '/search'; - var params = 'term=Freedom&Concept Evaluation' + var params = 'term=' + document.getElementsByName("term")[0].value + + '&context=' + document.getElementsByName("context")[0].value + console.log(params) http.open('POST', url, true); - http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); - http.onreadystatechange = function () { if (http.readyState == 4 && http.status == 200) { console.log(http.responseText); - console.log(JSON.parse(http.responseText)); + res = JSON.parse(http.responseText) + if(res["type"] == "miss"){ + document.getElementById("form-result").innerHTML = "No slide found"; + return; + } + img_path = res["path"]; + html = '<img src="' + img_path + '" height="300px;">'; + document.getElementById("form-result").innerHTML = html; } } http.send(params);