Connecting to W3Schools sample WebService via jQuery

Question

I am trying to connect W3Schools sample webservice via jQuery Ajax but it's not working for me.

Here is the JS:

function ConnectToWebService() {
    var pdata = "Celsius:123";

    $.ajax({
        type: "POST",
        dataType: "text",
        data:pdata,
        contentType: "application/text; charset=utf-8",
        url: "http://www.w3schools.com/webservices/tempconvert.asmx?op=CelsiusToFahrenheit",
        success: function (msg) {
            $('#divToBeWorkedOn').html(msg.d); 
        },
        error: function (e) {
            alert("could not connect to service");
        }
    });
}

Have you looked at the target site? It's currently throwing a .NET error. — Ben, Aug 07 '14 at 12:34
I assume it's throwing an error because it expects you to POST stuff, not simply perform a GET. I may be wrong though. — Captain Kenpachi, Aug 07 '14 at 12:36
@JuannStrauss No, I performed a POST using the JSON supplied. There's a runtime error in the site. It's all moot though, as the client Javascript is broken: `$.mobile` is invalid (may be a jQuery Mobile object?). — Ben, Aug 07 '14 at 12:39
its for mobile as i am developing phonegap app , but for now i have eliminated it — Addy, Aug 07 '14 at 12:43
@BenPoole yes its working i have check it twice after u said its throwing exception — Addy, Aug 07 '14 at 12:51
it is cross domaina ajax call use jsonp see: http://learn.jquery.com/ajax/working-with-jsonp/ — Ehsan Sajjad, Aug 07 '14 at 12:53

score 0 · Answer 1 · answered Aug 07 '14 at 12:34

0

The error on the page says $.mobile is undefined. Include the proper URL to where $.mobile is defined and try again.

answered Aug 07 '14 at 12:34

Captain Kenpachi

6,435
6
42
64

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

This line doesn't work:

$.mobile.allowCrossDomainPages = false;

If you take it off your javascript will work. Just so you know, I'm getting here that "could not connect to service".

Next time insert some logs or alerts in your code to debug. I just put one before and one after the line that was not working to see if the ajax request was being sent and saw that this line was the problem.

(In chrome ctrl+shift+c opens debug window, open console and you can see js logs (console.log). A lot better than alert for debug)

Ps: For cross domain ajax call use jsonp, as Ehsan Sajjad commented:

Ps2: I never used this, but it might be useful: Cross-origin Ajax

Connecting to W3Schools sample WebService via jQuery

2 Answers2