在onload上加载ajax页面?

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..............

Thanks.

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

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.