Hello HTML World

This guide demonstrates the basics of creating an HTML page that calls the JavaScript web service.

Create a HTML file. In this guide, we use the hellowebworld.html name for the file.
- You can use your favorite HTML editor to create a HTML file.
- Or you can create and edit a HTML file in your browser:
  1. On the websqlgui.html page, click Website and then New File.
  2. Enter the file name and click the OK button.

Add the following code to the file:

<!DOCTYPE html>
<html>
    <head>
        <title>Hello Web World</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script>
            function OnPageLoad() {
                var req = new XMLHttpRequest();
                req.onreadystatechange = function () {
                    if (req.readyState == 4) {
                        if (req.status == 200) {
                            document.getElementById("message").innerHTML = req.responseText;
                        }
                    }
                };
                req.open("GET", "/hellowebworld.jsx");
                req.send();
            }
        </script>
    </head>
    <body onload="OnPageLoad();">
        <div id="message"></div>
    </body>
</html>

Save the file on the server:
- If you use your favorite HTML editor, then:
  1. On the websqlgui.html page, click Website and then Upload File.
  2. In the file selection dialog, select the file and click Open. The file will be uploaded to the server.
- Otherwise, use Command+S (Mac) or Control+S (Win) to save the file on the server.

To test the HTML page:

In a browser, go to https://thePublicDNS/hellowebworld.html URL.
The browser will render "Hello Web World".

Hello HTML World

See Also: