jQuery load() on Page Load

This page demonstrates calling .load() as soon as the DOM is ready, without waiting for a user click.

Load Content Automatically Top ↑

$( function () {
    $( "#result" ).load(
        "content.php"
    );
});

Show a Loading State Top ↑

$( "#result" )
    .text( "Loading..." )
    .load(
        "content.php",
        function (
            responseText,
            textStatus
        ) {
            if (
                textStatus === "error"
            ) {
                $( this ).text(
                    "Unable to load content."
                );
            }
        }
    );

← Main load() tutorial

Original Source Examples Retained for Migration Reference Top ↑

Original example 1

<div id=d1></div>
<script>
$(document).ready(function() {
// Jquery code here ///

$("#d1").load("load-text1.php?msg=Hello_world");

////
});
</script>

Original example 2

<?Php
$msg=$_GET['msg'];
echo "This is from load-text1.php file with Message : $msg ";
?>

Additional Original Learning Routes Top ↑

• http-get.php
• http-post.php

Subhendu Mohapatra

Author & Instructor at plus2net

I write and maintain practical tutorials on Python, PHP, SQL, JavaScript, HTML, jQuery, and web development at plus2net. The tutorials focus on clear explanations, working examples, and code that readers can test and adapt while learning.

About the author   Watch on YouTube

Connect: