Подгрузка контента на AJAX

malsyst · July 23, 2012

Доброго времени суток.

Имеется страница

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8">  
<script>  
    function showContent(link) {  

        var cont = document.getElementById('contentBody');  
        var loading = document.getElementById('loading');  

        cont.innerHTML = loading.innerHTML;  

        var http = createRequestObject();  
        if( http )   
        {  
            http.open('get', link);  
            http.onreadystatechange = function ()   
            {  
                if(http.readyState == 4)   
                {  
                    cont.innerHTML = http.responseText;  
                }  
            }  
            http.send(null);      
        }  
        else   
        {  
            document.location = link;  
        }  
    }  

    // создание ajax объекта  
    function createRequestObject()   
    {  
        try { return new XMLHttpRequest() }  
        catch(e)   
        {  
            try { return new ActiveXObject('Msxml2.XMLHTTP') }  
            catch(e)   
            {  
                try { return new ActiveXObject('Microsoft.XMLHTTP') }  
                catch(e) { return null; }  
            }  
        }  
    }  
</script>  
</head>  

<body>  

    <form>  
        <input onclick="showContent('page2.html')" type="button" value="Страница 2">  
    </form>  

    <div id="contentBody">  
    </div>  

    <div id="loading" style="display: none">  
    Идет загрузка...  
    </div>  

</body>  
</html>

Из кода видно, что page2.html подгружается в div с id="contentBody

Как реализовать подобную подгрузку, но не всей страницы, а определенного div-a с id или class?

USF · July 24, 2012

$("#area").load("something.html #content");

Sign In

Подгрузка контента на AJAX

Question

malsyst

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

USF

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information