Return HTML content as a string given URL Javascript Function

Question

I want to write a javascript function that returns HTML content as string given URL to the function  I found a similar answer on Stackoverflow   I am trying to use this answer to solve my problem   However  it seems as though document write   isn t writing anything  When I load the page  I get a a blank screen       lt html gt   lt head gt   lt  head gt   lt body gt       lt script type  text JavaScript  gt    function httpGet theUrl          var xmlHttp   null       xmlHttp   new XMLHttpRequest        xmlHttp open   GET   theUrl  false        xmlHttp send  null        return xmlHttp responseText        document write httpGet  https   stackoverflow com         lt  script gt   lt  body gt   lt  html gt

User · Answer

after you get the response just do call this function to append data to your body element

function createDiv(responsetext)
{
    var _body = document.getElementsByTagName('body')[0];
    var _div = document.createElement('div');
    _div.innerHTML = responsetext;
    _body.appendChild(_div);
}

@satya code modified as below

function httpGet(theUrl)
{
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            createDiv(xmlhttp.responseText);
        }
    }
    xmlhttp.open("GET", theUrl, false);
    xmlhttp.send();    
}

User · Answer

In some websites  XMLHttpRequest may send you something like  lt script src  quot   quot  gt  lt  srcipt gt   In that case  try using a HTML document like the script under   lt html gt     lt body gt       lt iframe src  quot website com quot  gt  lt  iframe gt       lt script src  quot your JS quot  gt  lt  script gt     lt  body gt   lt  html gt   Now you can use JS to get some text out of the HTML  such as getElementbyId  But this may not work for some websites with cross-domain blocking

User · Answer

you need to return when the readystate  4 e g    function httpGet theUrl        if  window XMLHttpRequest          code for IE7   Firefox  Chrome  Opera  Safari         xmlhttp new XMLHttpRequest              else         code for IE6  IE5         xmlhttp new ActiveXObject  Microsoft XMLHTTP              xmlhttp onreadystatechange function                 if  xmlhttp readyState  4  amp  amp  xmlhttp status  200                        return xmlhttp responseText                      xmlhttp open  GET   theUrl  false        xmlhttp send

User · Answer

The only one i have found for Cross-site  is this function    lt script type  text javascript  gt  var your url    http   www example com     lt  script gt    lt script type  text javascript  src  jquery min js   gt  lt  script gt   lt script type  text javascript  gt     jquery xdomainajax js  ------ from padolsey  jQuery ajax    function  ajax        var protocol   location protocol          hostname   location hostname          exRegex   RegExp protocol          hostname           YQL    http       https  test protocol   s            query yahooapis com v1 public yql callback             query    select   from html where url   URL   and xpath            function isExternal url            return  exRegex test url   amp  amp          test url              return function o             var url   o url           if    get i test o type   amp  amp    json i test o dataType   amp  amp  isExternal url                      Manipulate options so that JSONP-x request is made to YQL              o url   YQL              o dataType    json                o data                     q  query replace                        URL                        url    o data                                 test url      amp            jQuery param o data                                                               format   xml                                 Since it s a JSONP request                complete     success             if   o success  amp  amp  o complete                    o success   o complete                  delete o complete                             o success    function  success                   return function data                         if   success                               Fake XHR callback                           success call this                                responseText  data results 0                                     YQL screws with  lt script gt s                                    Get rid of them                                  replace   lt script   gt       gt   lt script    s     script gt  gi                                  success                                                             o success                       return  ajax apply this  arguments               jQuery ajax        ajax       url  your url      type   GET       success  function res            var text   res responseText             then you can manipulate your text as you wish         alert text               lt  script gt

User · Answer

Here s a version of the accepted answer that 1  returns a value from the function  bugfix   and 2  doesn t break when using  quot use strict quot   I use this code to pre-load a  txt file into my  lt textarea gt  when the user loads the page  function httpGet theUrl        let xmlhttp           if  window XMLHttpRequest       code for IE7   Firefox  Chrome  Opera  Safari         xmlhttp new XMLHttpRequest          else      code for IE6  IE5         xmlhttp new ActiveXObject  quot Microsoft XMLHTTP quot                   xmlhttp onreadystatechange function             if  xmlhttp readyState  4  amp  amp  xmlhttp status  200                return xmlhttp responseText                      xmlhttp open  quot GET quot   theUrl  false       xmlhttp send             return xmlhttp response

[javascript] Return HTML content as a string, given URL. Javascript Function

Examples related to javascript

Examples related to html