jQuery CORS Content-type OPTIONS

by

This OPTIONS request is the CORS preflight request. It is a request that is sent to the server before the actual request in order to ask permissions to make the request. The custom Content-Type is in fact triggering the preflight. According to the CORS spec (http://www.w3.org/TR/cors/), any Content-Type other than application/x-www-form-urlencoded, multipart/form-data, or text/plain triggers the preflight.

If you have no control over the remote server, then you’ll need to either ask them to support CORS preflight, or try some other option such as JSON-P.

If you do have control over the remote server, you can change it to handle preflights. In order to handle a preflight request, you should send the following headers in the response to the OPTIONS request:

Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: POST
Access-Control-Allow-Headers: Content-Type

The response should be an HTTP 200. The Access-Control-Allow-Methods response header can either echo the value of the Access-Control-Request-Method, or it can just be GET, POST, PUT, DELETE to support all methods. The Access-Control-Allow-Headers response header should echo the values in the Access-Control-Request-Headers request header.

Once the browser receives those headers, it will make the actual request. You can learn more about CORS preflight requests here:

http://www.html5rocks.com/en/tutorials/cors/

More Related Contents:

  1. How to get a cross-origin resource sharing (CORS) post request working
  2. What’s the point of the X-Requested-With header?
  3. Access-Control-Allow-Origin error sending a jQuery Post to Google API’s
  4. CORS header ‘Access-Control-Allow-Origin’ missing
  5. CORS jQuery AJAX request
  6. Ajax using https on an http page
  7. Bottle Py: Enabling CORS for jQuery AJAX requests
  8. How can I set CORS in Azure BLOB Storage in Portal?
  9. jQuery AJAX call results in error status 403
  10. jQuery XML error ‘ No ‘Access-Control-Allow-Origin’ header is present on the requested resource.’
  11. Determine if $.ajax error is a timeout
  12. Pass request headers in a jQuery AJAX GET call
  13. TypeError: $.ajax(…) is not a function?
  14. jQuery loop over JSON result from AJAX Success?
  15. jQuery posting valid json in request body
  16. Update div with jQuery ajax response html
  17. Codeigniter session bugging out with ajax calls
  18. jQuery – Illegal invocation
  19. Cannot properly set the Accept HTTP header with jQuery
  20. wait for a jquery ajax callback from calling function
  21. CORS request – why are the cookies not sent?
  22. Redirecting after AJAX post in Django
  23. How to return a JSON object in standard web forms .Net
  24. How do I pass a Dictionary as a parameter to an ActionResult method from jQuery/Ajax?
  25. jQuery ajax request being block because Cross-Origin
  26. Populate Select box options on click with Javascript/Jquery with Json data
  27. AJAX Post of JavaScript String Array to JsonResult as List Always Returns Null?
  28. How to submit form without refreshing page using Django, Ajax, jQuery?
  29. Invoke ColdFusion function using AJAX
  30. Mailchimp subscribe using jQuery AJAX?

Leave a Comment