load ajax page on onload?_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2023-02-02 01:03 出处：网络

In my index.html page I want to load a seperate ajax page when the app is loading, what is the best way of doing that?

相关专题：

In my index.html page I want to load a seperate ajax page when the app is loading, what is the best way of doing that? This is my index code:

loading ajax subpage here.....

And the subpage is just:

content..............

Tha开发者_如何学Pythonnks.

using JavaScript you can do that. You have to do that on page load. Here is an example in jQuery.

$(function(){
    $('#content').load('/content.html');
});

As an example, you can call a javascript function when the body of your main page loads using the onload property of body:

<html>
    <head>
        ...
    </head>
    <body onload="loadContent();">
        ...
    </body>
</html>

Among your javascript functions, you will need your loadContent function as well as some functions that perform the HTTPRequest-related operations.

function loadContent()
{
    var contentURL = "contentpage.xml";
    http.Open("GET", contentURL, true);
    http.onreadystatechange = useHttpResponse;
    http.send(null);
}

var http = getXMLHTTPRequest();
function getXMLHTTPRequest()
{
try
{
    req = new XMLHttpRequest();
}
catch (err1)
{
    try
    {
        req = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (err2)
    {
        try
        {
            req = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch (err3)
        {
            req = false;
        }
    }
}
return req;
}

function useHttpResponse()
{
    if (http.readyState == 4)
    {
        if (http.Status == 200)
        {
             var xml = http.responseXML;
             // do something with loaded XML (such as populate a DIV or something)
        }
    }
}

You should check out some AJAX tutorials online for more complete information.

Use jQuery: www.jquery.com

There are loads of examples and docs on the website, as well as tons of tutorials on the web.

Good luck