Näiteprogramm

Tammet: Uus lehekülg: '
    Näiteprogramm         please enter value for column c1:
   
2020-02-13T13:39:47Z
Uus lehekülg: '<pre> <!DOCTYPE html> <html> <head> <title>Näiteprogramm</title> <meta charset="UTF-8">  </head> <body>  <form>   please enter value for column c1:<br>   <input type='text' id='...'
Uus lehekülg
<pre>

<!DOCTYPE html>

<html>

<head>

<title>Näiteprogramm</title>

<meta charset="UTF-8"> 

</head>

<body>



<form>

  please enter value for column c1:<br>

  <input type='text' id='c1'><p> 

  <!-- inputile vajutamine kaivitab send funktsiooni -->

  <input type='button' onclick='send()' value='search'>

</form>

<!-- ans on koht, kuhu handleresult paneb tulemuse -->

<div id="ans"></div>



<!-- nyyd tuleb javascripti programm tulemuste kuvamiseks -->

<script>



// funktsioon, mis pannakse kaima send nupule vajutades



function send() {

  var val,url;

  // vota vormilt vaartus

  val=document.getElementById('c1').value;  

  // pane kokku url, mis avatakse

  // flaski jaoks oma arvutis

  //url="http://localhost:5000/getdata?key=c1&val="+val;

  

  // dijkstras

  url="http://dijkstra.cs.ttu.ee/~tammet/cgi-bin/serve.py?key=c1&val="+val;

  

  // kysi sellelt urlilt andmeid ja kaivita handleresult

  fetch(url, {

    method: "get"

  }).then(r=>r.json()).then(handleresult);

}



// funktsioon, mis pannakse kaima, kui server annab resultaadi

// argument r on resultaat json formaadis



function handleresult(r) {

  console.log(r);

  s="<p>";

  // tryki r debugimiseks konsoolile

  console.log("r:",r);

  // tee tsykkel yle koiki ridade

  for(var i=0; i<r.length; i++) {

    console.log(i,r[i]);

    var elem=r[i]; 

    line=""

    // tee tsykkel yle yhe rea koigi tulpade

    for (var j=0; j<elem.length; j++) {

      line=line+elem[j]+" "

    }    

    // lopetame yhe rea

    line=line+"<br>"   

    // liidame rea kogutulemusele    

    s=s+line+"<p>";

  }

  // pane kogutulemus otse html sisse

  document.getElementById('ans').innerHTML=s;

}

</script>

</body>

</html>

</pre>
Index.html - Redigeerimiste ajalugu
