Question

Im doing a simple ajax request like:`

$.ajax({
type: 'POST',
url: 'http://' + serverIP + '/saveJSON.php',
crossDomain: true,
data: 'helloooooooooo',
dataType: 'text',
success: function(responseData, textStatus, jqXHR) {
    var value = responseData.someKey;
     console.log(responseData);
    console.log(textStatus);
},
error: function (responseData, textStatus, errorThrown) {
    alert('POST failed.' + responseData);
    console.log(responseData);
    console.log(textStatus);
}
});`

And when running this in IOS Safari i get the error …

“XML HttpRequest cannot load …… Orgin … is not allow by Access Control Allow Orgin

… Is to replace long URL’s

I know I chrome I can by pass this by loading chrome with a -disable-web-security or other flags.

How can I get around this in iOS ? Security is not an issue as the devices will be locked down and only allow communication between certain IP address’s.

Is there any other method of retrieving information from a server php script in JavaScript? That will be allowed?

Also any links to good websites for AJAX communication with PHP would be helpful.

Just to add, All my pages the client uses/sees are HTML (.html) and the server side is (.php)

Also when following THIS link for sorting this issue i added the header to my IIS 6 for my htmls are hosted and the ipad still doenst allow this.

Thanks guys

Answer 1

You can do this by adding Access-Control-Allow-Origin header.

In PHP it can be doing for example by adding new header in your PHP file:

header('Access-Control-Allow-Origin: *');