Källkod

Följande filer och mappar finns under mappen webbserverprogrammering.
Mappar visas till vänster och filer till höger. Klicka på en fil eller mapp för att öppna nedan eller visa dess innehåll.

webbserverprogrammering/exercises/ajax/search_suggestions/

3 filer

create_table_ajax_users.php
user_search.html
user_search.php

user_search.html

37 lines ASCII Windows (CRLF)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37


<!DOCTYPE html>

<html lang="sv">

<head>

 <title>AJAX, user search</title>

 <meta charset="utf-8">

 <style type="text/css">

  #users {

   font-weight: bold;

  }

 </style>

</head>

<body>

 <h1>Search users</h1>

 <label>

  Search:

  <input id="inputBox" type="text" name="name">

 </label>

 <br>

 <p>Possible users:</p>



 <ul id="users">



 </ul>





 <script type="text/javascript" src="../jquery-3.4.1.js"></script>

 <script type="text/javascript">

  $("#inputBox").keyup(function() {

   var value = $("#inputBox").val();



   $.post("user_search.php", { query:value }, function(response, status) {

    document.getElementById("users").innerHTML = response;

   });

  });

 </script>

</body>

</html>