Question

I’m trying to do a POST to a service running on localhost with jQuery AJAX, but it keeps returning status code 0 even after I’ve set jQuery.support.cors = true. I can also navigate to my WCF REST service successfully from my browser. This is what my JavaScript looks like:

    <script>
        jQuery.support.cors = true;
        $(document).ready(function(){
            $.ajax({
                type: "POST",
                url: "http://localhost:8000/Test",
                data: '{"test":"test"}',
                contentType: "application/json",
                dataType: "json",
                success: function (msg) {
                    alert('success');
                },
                error:function(x,e){
                    if(x.status==0){
                        alert('error 0');
                    }
                }
            });
        });
    </script>

Does anyone know what could be causing this? I should also mention that I can’t POST to anything on localhost using jQuery.

According to Fiddler, the JSON data is not sent, and a HTTP OPTIONS is done instead of a POST.

Answer 1

I didn’t want to spend anymore time on this issue, so I resorted to using raw HTML form POST as the usage of JSON wasn’t essential in my case.

For anyone else having the same issues outlined in the original post, see this thread for an explanation and a solution: Problem sending JSON data from JQuery to WCF REST method

To summarize, your service needs to be able to handle the HTTP OPTIONS method if it is expected to respond to cross domain calls.