jQuery: I get OPTIONS request instead of GET

Question

I am using simple jQuery

$.get( .... );

Here instead of getting GET response I get OPTIONS.( checked in firebug Net)

Same code is working fine in Safari. Looks like some problem with Firefox.

Any workaround / solutions to fix this problem..

Thanks

Kurund

Is the URL you're making the request to on the same domain as your page, or is this cross-domain? — Jacob Mattison, Nov 16 '09 at 18:08
That's... incredibly strange. How about a minimal test case so we have a hope of figuring out what's going on? — outis, Nov 16 '09 at 18:22
my ajax request url is http://example.org/ajaxrequest. So if I call it in http://example.org domain it works fine else GET gets converted to OPTIONS — Kurund Jalmi, Nov 16 '09 at 18:43
Did you look at http://stackoverflow.com/questions/1256593/jquery-why-am-i-getting-an-options-request-insted-of-a-get-request — Jacob Mattison, Nov 16 '09 at 19:06
Do you have control over the target resource? In particular, can you add headers to the HTTP response? — outis, Nov 16 '09 at 20:08
looks like cross-domain issue and can't find any workaround for this — Kurund Jalmi, Nov 17 '09 at 06:59

KARASZI István · Answer 1 · 2014-04-20T02:39:37.687

28

The OPTIONS request what you see is the preflight request, you can read about that here:

It's there because you're requesting a cross-domain XMLHttpRequest so the browser has to check whether your request is allowed on the remote server or not.

There are two solutions to solve the problem (as mentioned above):

implement the response for the OPTIONS request with the corresponding Access-Control-* headers
use a JSONP request instead of simple JSON

edited Apr 20 '14 at 02:39

answered Jan 21 '10 at 21:47

KARASZI István

30,900
8
101
128

That seems to be my case. But how would I implement the response for the OPTION request? Where should I implement it? My WebMethod doesn't even get called. Do I need to override something? – Nawaz Sep 29 '12 at 21:30
@Nawaz: I'm not familiar with .NET but maybe this article could help you: http://encosia.com/using-cors-to-access-asp-net-services-across-domains/ – KARASZI István Sep 30 '12 at 16:24
6

I have to say the cross-domain behaviour of 'modern' browsers is getting ridiculous. If you have a server like couchdb which sends Access-Control-Allow-Origin: * but doesn't implement OPTIONS you can't do a simple AJAX GET because the browser decides to 'check' first and break everything. The developer knows the GET will work but the browser doesn't believe them! – Marc Oct 27 '12 at 21:18

score 1 · Answer 2 · edited May 23 '17 at 12:17

This is likely due to restrictions on Javascript doing cross-domain XMLHttpRequests. This is generally not allowed for security reasons. See the question referenced above, or a similar question I asked.

To solve this problem:

Write a sever side component (using PHP or whatever) that will retrieve the remote resource on behalf of your AJAX request, or
Do a JSONP call: see http://www.insideria.com/2009/03/what-in-the-heck-is-jsonp-and.html (or hunt around StackOverflow for JSONP) :)

Hope that helps!

Moak · Answer 3 · 2012-02-15T08:13:36.133

1

I had the same issue, the cause I figured was in the html <head> section I had set the base element to this

<base href="http://local.develepment.url" />

Which I changed to

<base href="http://<?php echo $_SERVER['HTTP_HOST']?>/" />

edited Feb 15 '12 at 08:13

answered May 31 '10 at 02:48

Moak

12,596
27
111
166

score 0 · Accepted Answer · answered Oct 18 '10 at 10:14

0

I hope this helps someone: http://kurund.com/blog/2010/09/09/how-to-call-external-site-url-using-jquery-ajax/

answered Oct 18 '10 at 10:14

Kurund Jalmi

1,285
4
19
30

This doesn't work when your setting custom headers as the jsonp script can't get executed. – CmdrTallen Jun 18 '13 at 19:30

score 0 · Answer 5 · answered Mar 18 '18 at 17:23

You are sending request to cross domain.

For cross-domain requests, setting the content type to anything other than application/x-www-form-urlencoded, multipart/form-data, or text/plain will trigger the browser to send a preflight OPTIONS request to the server.

So you may need change specify contentType to avoid OPTION request. Example:-

$.ajax({
    url: "crossdomainurl",
    type: "GET",
    contentType: 'text/plain'
});

jQuery: I get OPTIONS request instead of GET

5 Answers5

Linked

Related