Cross Domain AJAX request return HTML (not jsonp)

Question

I'm using this plugin: https://github.com/padolsey/jquery.fn/tree/master/cross-domain-ajax/

And this is my code:

   $.ajax({
      dataType: 'html',
      type: 'GET',
      url: 'http://www.google.com',
      crossDomain: true
  }).done(function(data) { 
       $("#box").html('').append(data);
  });

From my understanding, even though I have dataType: 'html' I'm fairly sure this is still getting me a response in JSONP.

I want to be able to grab the entire html of the page, everything I need to display the page in full. Comparable to an iframe. The reason I need to do this through ajax is because eventually I am going to need to pass parameters to the URL I am using. What is the best way to return a page's content in full HTML, so that I may display the page? Do I need to do anything to return the pages scripts/stylesheets as well?

Basically, the URL that I am calling needs to be returned so that I can append the return to a div id, and that div id should then look exactly like the page I was calling, as if I were to load that page independently in a browser window.

Thanks!

**I wrote an answer related to this question here: [Loading cross domain html page with jQuery AJAX](http://stackoverflow.com/questions/15005500/loading-cross-domain-html-page-with-jquery-ajax/17299796#17299796)** – _the last one, supports https_ — jherax, Jun 26 '14 at 17:11

charlietfl · Answer 1 · 2013-11-17T23:35:49.833

0

Plugin referenced uses Yahoo YQL service as a proxy to get remote page. YQL will return json and you should be able to access your data in data.responseText. This is per limted docs for plugin

To be sure you can log the data to console and see it's structure.

Could do same thing without plugin by using YQL console to create URL needed to meet your scraping needs using their XPATH syntax

edited Nov 17 '13 at 23:35

answered Nov 17 '13 at 23:26

charlietfl

170,828
13
121
150

I did alert(data.responseText); and got undefined, when I do alert(data); I get object Object, so I know it's getting something. – jamesdlivesinatree Nov 17 '13 at 23:31
need to log to console to see structure – charlietfl Nov 17 '13 at 23:33
plugin looks pretty old, YQL may have changed since it was created – charlietfl Nov 17 '13 at 23:34
do you think it would be better if i loaded my external page in an iframe, and used javascript to merely add parameters to a url that i would want the iframe to load? this is only a get request that displays static content – jamesdlivesinatree Nov 17 '13 at 23:47
all depends what objective is...if you just want some html with out css...can use server proxy to get it then you make axax call to server – charlietfl Nov 17 '13 at 23:49

score 0 · Accepted Answer · answered Aug 03 '14 at 21:13

0

You can try Ajax-cross-origin a jQuery plugin.

http://www.ajax-cross-origin.com/

    $.ajax({
        crossOrigin: true,
        url: url,
        success: function(data) {
            console.log(data);
        }
    });

answered Aug 03 '14 at 21:13

Ninioe

520
1
6
6

Cross Domain AJAX request return HTML (not jsonp)

2 Answers2

Linked