JQuery Ajax Load()

The jQuery load() method is a simple and powerful AJAX method.  load() method loads data from a server and filled data into the selected element.
In this example, The jQuery load() method loads data from the server and place the returned HTML into the selected element. when you click the button then load() method will run and then Appwrk web page will be shown on the screen

<!DOCTYPE html>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
    <script>
        $(document).ready(function () {
            $(".bt1").click(function () {
                $(".div_content").load("https://loremipsum.io/");
            });
        }); 
    </script>
    <style>
        body {
            text-align: center;
        }

        .goreg {
            font-size: 40px;
            font-weight: bold;
            color: green;
        }

        .ghost {
            font-size: 30px;
            color: black;
        }

        .div_content {
            font-size: 40px;
            font-weight: bold;
            color: green;
        }
    </style>
</head>

<body>
    <div class="div_content">
        <div class="goreg">Jquery AJAX Method</div><br>
        <div class="ghost"> Most Important</div><br>
    </div>
    <button class="bt1">Change Content</button>
</body>

</html>

Output