CORS header 'Access-Control-Allow-Origin' missing but it present in the header

Question

I need read to read remote content. I read that should be send header Access-Control-Allow-Origin . I did that but still get this error. Here is script code

        $.ajax({
            url:'http://bbc.co.uk',
            headers: {'Access-Control-Allow-Origin': '*'},
            success:function(json){
                // do stuff with json (in this case an array)
                alert("Success");
            },
            error:function(){
                alert("Error");
            }
        });

I see Access-Control-Allow-Origin in the sent headers. What is wrong?

Answer 1

You should be getting this error:

No 'Access-Control-Allow-Origin' header is present on the requested resource.

It says that the header is missing from the requested resource, which is what you get in the response .

You are putting it in the request , where it does nothing useful. Your JavaScript can't give itself permission to access other servers. The server you are trying to access has to give you permission.

Answer 2

You must have `

headers: {'Access-Control-Allow-Origin': '*'},

in PHP file.