Jonny Højdam Jonny Højdam - 6 months ago 95
Ajax Question

Ajax call on Cordova ios SecurityError: DOM Exception 18

Hi I'm building an iOS application via Cordova(5.1.1)/Phonegap and I have a problem I can´t solve.

A basic

call throws a
SecurityError: DOM Exception 18
I tried all the tricks regarding whitelisting and now I'm lost.. Anyone who can help? Thanks.

Here is what I do after device is ready:

var getUrl = ''+app.lat_min+'x'+app.lat_max+'x'+app.lng_min+'x'+app.lng_max+'';


var getPosts = $.ajax({
method: 'GET',
url: getUrl,
dataType: 'JSON'
.done(function(e) {
console.log( e );

.fail(function(e) {
//console.log( "error");

$.each(e, function(key, element) {
console.log('key: ' + key + '\n' + 'value: ' + element);

.always(function() {
console.log( "complete" );

getUrl is:

And I get:

2015-07-20 01:12:55.981 ShopploLight[779:568632] key: responseJSON :: value: undefined
2015-07-20 01:12:55.983 ShopploLight[779:568632] key: status :: value: 0
2015-07-20 01:12:55.983 ShopploLight[779:568632] key: statusText :: value: Error: SecurityError: DOM Exception 18
2015-07-20 01:12:55.984 ShopploLight[779:568632] complete


Check your meta tag. By default, it uses:

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">

use the code below to enable all requests

<!-- Enable all requests, inline styles, and eval() -->
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src: 'self' 'unsafe-inline' 'unsafe-eval'">