Tag: JQuery

Create a static page called blog.html in the public folder. Content of the server7.js The appropriate file structure should resemble the following: Run the Express application by executing the following command in the Ubuntu terminal: Make sure both Orange Pi and PC have the same subnet and connect to the same router or network switch. On the PC’s web… Read more

Create a static page called gallery.html in the public folder. JavaScript inside sends an AJAX request when the the page is loaded, and every 2s after, to the route for the path /images.json. When the AJAX response is received, use the response data to Content of the server6.js The appropriate file structure should resemble the following: Run the Express… Read more

It is the fifth example using JQuery AJAX function and Express JS. This example sets up a disclaimer page for user to accept to use of cookies. The work flow of disclaimer.html Content of the server5.js The appropriate file structure should resemble the following: Run the Express application by executing the following command in the… Read more

It is the fourth example using JQuery AJAX function and Express JS. This example sets up a multi-page site where clicking on the buttons triggers AJAX requests to retrieve and display different content within the <main> element of the page. The content is dynamically loaded without requiring a full page refresh, providing a smoother user experience. To… Read more

It is the third example using JQuery AJAX function and Express JS. Create a static HTML page called “log.html” and place it in the “public” folder of the project. Inside log.html, there are JavaScript code that executes when the “log.html” page is loaded. This code should use AJAX to send a request to the server’s… Read more

It is the second example using JQuery AJAX function and Express JS. The Express server will cycle through the colors ‘red’, ‘yellow’, ‘green’, and ‘blue’ when the route /colorword is accessed by AJAX. The colorword.html file displays a heading (<h1>) that initially has the color red. On page load, an AJAX request is sent to /colorword to retrieve the color, and… Read more

Dynamic content loading involves updating or loading content on a web page without the need for a complete page refresh. JavaScript plays a crucial role in enabling dynamic content loading by facilitating the retrieval and manipulation of data asynchronously. This approach offers several benefits: AJAX (Asynchronous JavaScript And XML) is a well-established method for achieving… Read more