Calling cross domain asmx web service using JavaScript

Question

I have written a web service. I am calling this web service using JavaScript. I am calling this from different domain. For that I have added [System.Web.Script.Services.ScriptService] property in the web service. From JavaScript I am calling the service using XMLHttpRequest. I tested it using Firefox and everything was fine when. But it was not working in IE.

After some searching I found that this is an issue related to Cross domain calling. I have gone through some of the questions posted here. And then I did the following changes in my code -

From javaScript I am now calling the service using XDomainRequest.
I have added following lines befor the return statements in the web-service - HttpContext.Current.Response.AppendHeader("Access-Control-Allow-Origin", "*"); HttpContext.Current.Response.AppendHeader("Access-Control-Allow-Credentials", "true"); return result;

It is still working fine in firefox. but in IE8 (as per my knowledge, XDomainRequest will not work in lower versions of IE) it is showing error (XDomainRequest.onerror).

Am I missing something?

score 1 · Answer 1 · answered Jan 11 '12 at 20:14

The crux of your problem in IE is that XDomainRequest doesn't support the pre-flighting necessary to make a cross-domain request that includes a Content-Type header. I believe that's fixed in IE10, but even IE9 doesn't fully support CORS.

To reliably make cross-domain requests to ScriptServices in browsers that don't support CORS well, a server-side proxy is (unfortunately) your best bet.

score 0 · Answer 2 · edited May 23 '17 at 11:59

0

Look into JSONP (json with padding).

Question about JSONP: jsonp with jquery

Has some more info about it: http://api.jquery.com/jQuery.ajax/

edited May 23 '17 at 11:59

Community

1
1

answered Jan 11 '12 at 15:55

MatteKarla

2,707
1
20
29

The type of service that he's using does not support JSONP. – Dave Ward Jan 11 '12 at 20:14

Gustavo F · Answer 3 · 2012-01-11T15:40:55.620

-1

your web service runs over HTTP right?

I don't recommend using the native XMLHttpRequest to make ajax request, maybe you should use Jquery to do this, I always do in that way and works in all modern browsers:

i.e:

function Activate(EmailId, controle) {
    $.ajax({
        type: "POST",
        url: "/Page/Method",
        data: "&EmailId=" + EmailId,
        success: function (message) {
            $(controle).text(message);
        }
    });
}

EDIT: to make cross-domain requests you can use the James Padolsey plug-In, and do something like this:

$('#container').load('http://google.com');

$.ajax({
    url: 'http://news.bbc.co.uk',
    type: 'GET',
    success: function(res) {
        var headline = $(res.responseText).find('a.tsh').text();
        alert(headline);
    }
});

edited Jan 11 '12 at 15:40

answered Jan 11 '12 at 14:02

Gustavo F

2,071
13
23

2

he's trying to make a cross domain request - this won't work. Plus, jQuery just wraps XHR. – David Hoerster Jan 11 '12 at 15:00
It's important to understand that James' plugin there is using YQL to bounce the requests through a public third party that augments them with JSONP support, not actually solving the underlying cross-origin issue. – Dave Ward Jan 11 '12 at 20:19

Calling cross domain asmx web service using JavaScript

3 Answers3