users_get.html

﻿<!DOCTYPE html>
<html>
    <head>
        <link href="https://fonts.googleapis.com/css?family=Alef|Varela+Round&display=swap" rel="stylesheet">
        
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    </head>
    <body dir="rtl" style="font-family: 'Alef', sans-serif;">
        <h1>כרגע באתר</h1>
        <div id="demo"></div>

        
        <script>
            
            $(document).ready(function(){
                
                $.get("scripts/users_get.py", function(result){
                    var users = JSON.parse(result);
                    
                    var faces = "";
                    for (x in users) {
                        sel = users[x];
                        faces += "<div class='users'><img src='img/face.png' style='width: 50px;' class='users_face'>"+ sel.first_name +"<br>"+ sel.email +"</div>"
                        $("#demo").html(faces);
                    }

                });
            });
                
           
        </script>
    </body>
</html>