Clever Geek Handbook

Access Control Allow Origin - Not Working

I have a PHP API that validates the specified credentials. At the beginning of my PHP file I have this

header('Access-Control-Allow-Origin: http://example.org');
header('Access-Control-Max-Age: 3628800');
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE');
header('Content-type: application/json');

Though when I use my API (using AJAX) I get this error:

XMLHttpRequest cannot load http://api.example.com/?params=parameters+go+here. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://example.org' is therefore not allowed access.

NOTE. I have reason to believe there is a flaw in AJAX

$.ajax({
    url: 'http://api.example.com/?type=verify&username=' + username + '&password=' + password,
    dataType: 'json',
    success: function( result ) {
        success = result['success'];
        return success;
    }
});

Any help you could provide would be greatly appreciated.

Thanks CSF

+3


source to share


2 answers


it's easy ... if you are using chrome i suggest you install the Allow-Control-Allow-Origin: *

Extension ...

enter image description here



Once added to chrome, you just need to enable / disable the cross-origin resource sharing

toggle button ...

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?utm_source=chrome-app-launcher-info-dialog

-1


source


Ok, if you just want to test your code, download the Allow-Allow-Allow-Origin extension Link ~ here but if you want it to work on every browser / client without any extension requirements please refer here .. LUCK!



0


source






More articles:


All Articles