How do I retrieve data using AJAX over cross-domain

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS');
header('Access-Control-Max-Age: 1000');
header('Access-Control-Allow-Headers: Content-Type, Authorization, X-Requested-With');
header('Content-type: application/json');[/code:xls7b6dq] 

I have even gone as far as to create a php file that just outputs the array statically, with those headers set. Nothing I do seems to work. Alerting the AJAX.LastData produces a blank box and I get the following console error on both Chrome and Firefox...

[img="http://s2.postimg.org/50pewwd95/Capture1.png"]

Here is the event sheet (.capx is absolutely massive!)

[img="http://s17.postimg.org/s8jsgnb3j/Capture2.png"] 

I've even gone as far as trying to set the request headers in the event sheet as a last act of desperation!

The output of the array is as follows

[code:xls7b6dq]{
    "c2array": true,
    "size": [
        1,
        5,
        1
    ],
    "data": [
        "50",
        "test",
        "1",
        "4442da43afe442558e6d28fdc68c4a8d",
        1429718276
    ]
}[/code:xls7b6dq]

Any help would be greatly appreciated.

Thanks