How to Fix the \'No \'Access-Control-Allow-Origin\' Header Present\' Error in Your AJAX Request?

Resolving "No 'Access-Control-Allow-Origin' Header Present" Error During AJAX Requests

When attempting to perform AJAX requests from one domain to another, you may encounter the "No 'Access-Control-Allow-Origin' header is present" error. This occurs due to the browser's Same-Origin Policy, which restricts cross-domain communication by default.

To address this issue, you need to modify your server configuration to add the necessary headers. In this particular case, .htaccess is being used for URL rewriting and the HTML base tag is employed to facilitate this.

One possible solution is to utilize the addHeader method instead of setHeader when defining the "Access-Control-Allow-Origin" header. This can be done as follows:

response.addHeader("Access-Control-Allow-Origin", "*");

Using "" in the above line grants access to all domains. However, if you want to restrict access to specific domains, you can replace "" with the specific domain name, e.g.:

response.addHeader("Access-Control-Allow-Origin", "http://www.example.com");

For further details, refer to the blog post referenced in the provided answer. By implementing these modifications, you should be able to resolve the cross-origin request issue and successfully make AJAX requests from one domain to another.

The above is the detailed content of How to Fix the \'No \'Access-Control-Allow-Origin\' Header Present\' Error in Your AJAX Request?. For more information, please follow other related articles on the PHP Chinese website!