Jsonp跨域Ajax

Question

I'm working on an application which use ajax call to get html from the server. When I run it on the server, everything works fine.

But when I'm running on a localhost, I've a 'Access-Control-Allow-Origin' error. I looked arround and it seems like using jsonp could be the solution.

So, my ajax call looks like that:

$.ajax({
    url: url,
    dataType: 'jsonp',
    crossDomain: true,
    type: 'GET',
    success: function(data){
        // should put the data in a div
    },
    error: function(){
        //do some stuff with errors
    }
});

I get html from the server, but I always have this error:

Uncaught SyntaxError: Unexpected token < 

Is there a way to wrap the jsonp response in html?

Thanks!

Answer 1

You can't use JSONP to grab an HTML document. You need to wrap your HTML in a JavaScript variable. JSONP has some very specific requirements to make it work properly, including a callback function/attribute. If you're not in control of the server hosting the target page, you won't be able to make it work. This is a security precaution to prevent a random page from being able to steal your personal information from sites you're logged into via an AJAX call.

UPDATE

I read your question more thoroughly. It sounds like your problem is that you're in a development environment that doesn't have the resource in question. JSONP isn't the answer because it's a lot of trouble to get running just to make your page work in development. You should create a local copy of the target HTML and grab it using a relative or server-absolute URL such as "/the/page/i/need.html" instead of "http://myserver.com/the/page/i/need.html"

Answer 2

If you want to get the data by jsonp, then the server side need to support jsonp.

There is no way just change the dataType to get the data.

If the server side doesn't support jsonp, then you need to make a proxy in your localhost.