Advertisement
Sothian

SSI JSON

Oct 21st, 2019
164
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.02 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Sugestie backend</title>
  6. </head>
  7. <script type="text/javascript">
  8.     function pobierzsugestie() {
  9.         var tekst = document.getElementById("pole").value;
  10.         if (tekst != "") {
  11.             requster = new XMLHttpRequest();
  12.  
  13.             requster.onreadystatechange = odpowiedz;
  14.             requster.open("POST", "sugestieJSON");
  15.             requster.setRequestHeader("Content-Type",
  16.                     "application/x-www-form-urlencoded");
  17.             requster.send("query=" + tekst);
  18.         }
  19.     }
  20.  
  21.     function odpowiedz() {
  22.         if (requster.readyState == 4) {
  23.             if (requster.status == 200) {
  24.  
  25.                 rezultat = "";
  26.  
  27.                 wyniki = JSON.parse(requster.responseText);
  28.  
  29.                 for (i = 0; i < wyniki.sugestia.length; i++) {
  30.                     rezultat += '<div class="lista">' + wyniki.sugestia[i]
  31.                             + '</div>';
  32.                 }
  33.  
  34.                 document.getElementById("wyniki").innerHTML = rezultat;
  35.  
  36.             }
  37.         }
  38.     }
  39. </script>
  40. <body>
  41.     <h4>Wpisz marke samochodow</h4>
  42.     <input id="pole" onkeyup="pobierzsugestie()" />
  43.     <div id="wyniki"></div>
  44. </body>
  45.  
  46. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement