zaSasho

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Using AJAX</title>
    <script src="jquery-3.0.0.js">
    </script>
    </head>

<body>
    <button id="loadPosts">Load Posts from Kinvey</button>
    <script>
    $('#loadPosts').click(function() {
        let USERNAME = "guest"
         let PASSWORD = "guest"
        $.ajax({
            method: "GET", // POST
            url: "http://baas.kinvey.com/appdata/kid_r1e5bvKS/books",
            headers: {"Authorization": "Basic " + btoa(USERNAME + ":" + PASSWORD) },
            success: function(data, status) {
                let ul = $('<ul>')
                for (let post of data) {
                    ul.append($('<li>').text(post.Title + " -> " + post.Author + " -> " + post.Description));
                }
                $('body').append(ul);
            },
            error: function(data, status) {
                let errorMsg = "Error: " + data.responseText;
                $('body').append($('<div>').text(errorMsg));
            }
        });
    });
</script>


</body>
</html>