Ajax Content in Document-Element laden

  • JavaScript

    Ajax Content in Document-Element laden

    Hallo,

    ich versuche gerade mittels Ajax ein Request auf eine HTML Seite zu machen. Den Quelltext möchte ich in eine Variable packen die ich genauso behandeln kann wie document. Also dass ich z.B. sowas wie doc.getElementById('wrapper'); machen kann. Mein momentaner Code

    JavaScript-Quellcode

    1. var httpRequest;
    3. function load() {
    4. httpRequest = new XMLHttpRequest();
    6. if(!httpRequest) {
    7. alert('Giving up :( Cannot create an XMLHTTP instance');
    8. return false;
    9. }
    11. httpRequest.onreadystatechange = requestReady;
    12. httpRequest.open('GET', 'loaded.html');
    13. httpRequest.send();
    14. }
    16. function requestReady() {
    17. if(httpRequest.readyState === 4) {
    18. var doc = document.implementation.createHTMLDocument("New Document");
    19. doc.open();
    20. doc.write(httpRequest.responseText);
    21. doc.close();
    23. alert(doc.getElementsByTagName('div').length);
    24. }
    25. }


    in httpRequest.responseText steht auch der entsprechende Content der loaded.html drin, aber beim Alert wird mir trotzdem eine 0 ausgegeben.

    loaded.html

    HTML-Quellcode

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    5. </head>
    6. <body>
    7. <div id="wrapper">
    8. BLAAA
    9. </div>
    10. </body>
    11. </html>


    Edit: Habs hinbekommen nach sehr sehr langer Suche und rumprobierens.

    So wird dem Document der HTML String zugewiesen.
    doc.documentElement.innerHTML = httpRequest.responseText;

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von „Dodo“ ()

Facebook