Show sourcecode

The following files exists in this folder. Click to view.

webbsrvprg/exercises/ajax/

names.php
ovn1.html

`ovn1.html`

22 lines UTF-8 Windows (CRLF)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22


<!DOCTYPE html>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<html lang="sv">

<head><meta charset="utf-8"><title>Sök person</title></head>

<body>

  <h1>Sök elever</h1>

  <form method="get">

    Namn: <input type="text" onkeyup="showPossibleNames(this.value)">

    <button type="submit">Visa detaljer</button>

  </form>

  <p>Möjliga namn: <strong><span id="possibleNames"></span></strong></p>

  <script>

    async function showPossibleNames(str) {

      if (str.length == 0) {

        document.getElementById("possibleNames").innerHTML = "";

      } else {

        let myObject = await fetch("names.php?name=" + str);

        let myText = await myObject.text();

        document.getElementById("possibleNames").innerHTML = myText;

      }

    }

  </script></body></html>