From d93a7f78323d84488ddc714f1ec54814601a47c0 Mon Sep 17 00:00:00 2001 From: felixwelter <felixwelter@gmail.com> Date: Fri, 4 Sep 2020 13:07:16 +0200 Subject: [PATCH] Improve query test mechanism --- templates/index.html | 21 +++++++++++++++------ 1 file changed, 15 insertions(+), 6 deletions(-) diff --git a/templates/index.html b/templates/index.html index 35b815d..31e1195 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); -- GitLab