如何获取jQuery Ajax请求返回的PHP页面

Question

So I have to send some data to a php page, and it will return me another php page based on my data.

I send the data this way:

$(document).ready(function() {
    $.ajax({
        url: '//www.example.com/page.php',
        type: "post",
        dataType: 'jsonp',
        data: { myvar:myvalue }, 
        success: function(response) { console.log("success."); },
        error: function(XMLHttpRequest, textStatus, errorThrown) { console.log("error."); },
        complete: function() { console.log("complete."); }
    });
});

• It shows an alert saying jQuery180014405992737595236_1357861668479 was not called (numbers are copied from other question) I think the reason is that it's expecting a json result from the page, when it's not.
• In Chrome it says Uncaught SyntaxError: Unexpected token < referring to the returned php page, so I assume that my code isnt expecting that kind of file to be returned.

To sum up, this works, but that jQuery alert and the console error needs to be fixed, and I think the right way would be handling properly the returned result page. I hope you guys can help me fix it that seems quite a simple task, but Im really new to this. Thanks

Removing the dataType: 'jsonp' or changing it to 'json' turns out on my script not being executed and getting the following error:

• XMLHttpRequest cannot load http://www.example.com/page.php. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://myserver.com/myPage' is therefore not allowed access.

Answer 1

I think the reason is that it's expecting a json result from the page

It's expecting a JSONP response. (JSONP is not JSON). You said:

dataType: 'jsonp',

… which explicitly forces jQuery to treat the response as JSONP (and, as a side effect, GET).

the returned php page, so I assume that my code isnt expecting that kind of file to be returned.

The server shouldn't be returning a PHP page. It should be executing the PHP code and returning whatever that outputs. It looks like it is outputting HTML.

You need to either:

• Not tell your script to expect JSONP. (Note that you'll probably then have to configure CORS on the server to deal with same origin issues) or
• Change the PHP to return JSONP