JQuery ajax call to cross-domain webservice

Question

I would like consume cross-domain web-service from client with jquery

function TestService() {
    $.ajax({
        url: "http://service.asmx/GetGeoCompletionList",
        data: { "prefixText":"eka", "count":"10", "contextKey":"Trace_0$Rus" },
        dataType: "jsonp",
        type: "GET",
        contentType: "application/json; charset=utf-8",
        success: function (data) {
            alert(data);
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert(XMLHttpRequest.statusText);
        }
    });
}

At the error hander I have: textStatus=parseerror

XMLHttpRequest has status 200 and readyState 4

errorThrown is jQuery16103495572647140...78197139 was not called

I've spent on it for a lot of hours and couldn't make it work. Can u help me?

UPDATED

Thanks, I change to GET, and fix my data string.

Service returns valid JSON object. I can see it at firebug on other site, which consume this service. But that site is getting common json(since it has one domain).

So, if the web-service returns valid JSON(not jsonp), I can't use the same method with jsonp? What can I do for consiming json web-service from other domain?

possible duplicate of [parsererror after jQuery.ajax request with jsonp content type](http://stackoverflow.com/questions/5359224/parsererror-after-jquery-ajax-request-with-jsonp-content-type) — Jerod Venema, May 24 '11 at 23:14
If you don't understand why you can't consume the service if it just returns JSON instead of JSONP, read here: http://stackoverflow.com/questions/2067472/please-explain-jsonp/2067584#2067584 — Jerod Venema, May 25 '11 at 12:57

score 3 · Answer 1 · answered May 24 '11 at 23:14

3

That string you are passing and claiming is JSON isn't JSON.

Only " characters may be used to quote strings.

Also, you can't make a cross domain JSON-P POST request.

answered May 24 '11 at 23:14

Quentin

914,110
126
1,211
1,335

score 3 · Answer 2 · answered May 24 '11 at 23:15

3

You cannot do cross-domain POST requests using JSONP. JSONP works by adding script tags to the page. script tags always fetch their source using GET HTTP requests. You won't get any data posted.

answered May 24 '11 at 23:15

lonesomeday

233,373
50
316
318

score 2 · Accepted Answer · edited May 23 '17 at 10:00

2

Summary of problems:

Make sure you're using valid JSON as @Quentin mentioned.
Make sure you're using GET requests, as @lonesomeday mentioned
Make sure the response from the server is JSONP, as seen here

edited May 23 '17 at 10:00

Community

1
1

answered May 24 '11 at 23:17

Jerod Venema

44,124
5
66
109

JQuery ajax call to cross-domain webservice

3 Answers3