Question

I’m trying to load an external page using JSONP, but the page is an HTML page, I just want to grab the contents of it using ajax.

EDIT: The reason why I’m doing this is because I want to pass all the user information ex: headers, ip, agent, when loading the page rather than my servers.

Is this doable? Right now, I can get the page, but jsonp attempts to parse the json, returning an error: Uncaught SyntaxError: Unexpected token <

Sample code:

$.post('http://example.com',function(data){
    $('.results').html(data);
},'jsonp');

I’ve set up a jsfiddle for people to test with:
http://jsfiddle.net/8A63A/1/

Answer 1

http://en.wikipedia.org/wiki/JSONP#Script_element_injection

Making a JSONP call (in other words, to employ this usage pattern),
requires a script element. Therefore, for each new JSONP request, the
browser must add (or reuse) a new element—in other words,
inject the element—into the HTML DOM, with the desired value for the
“src” attribute. This element is then evaluated, the src URL is
retrieved, and the response JSON is evaluated.

Now look at your error:

Uncaught SyntaxError: Unexpected token <

< is the first character of any html tag, probably this is the start of <DOCTYPE, in this case, which is, of course, invalid JavaScript.

And NO, you can’t use JSONP for fetching html data.