Question

I try to calling a webservices with JQuery.
How can i make code bellow Working ?

   function TEST() {
              var curcode = "AFA";
              var serviceURL = "http://www.webservicex.net/country.asmx/GetCountryByCurrencyCode";
              var requestData = "{'CurrencyCode':'" + curcode + "'}"; 

                $.ajax({
                          type: "POST",
                          contentType: "application/json; charset=utf-8",
                          url: serviceURL,
                          data: requestData,
                          dataType: 'json',
                          success: function(msg)
                                  {
                                        var response = msg.d;  
                                    alert("response.Message : " + response.Message);
                                  },
                          error: function(msg)
                               {
                                  alert("error msg : " + msg.d);
                                 }    
              });
                  }
 </script>

What did i miss ?

Regards,
Andrian

Answer 1

If your error is something like

XMLHttpRequest cannot load http://www.webservicex.net/country.asmx/GetCountryByCurrencyCode. Origin <Your URL> is not allowed by Access-Control-Allow-Origin.

Than I hope is caused by the CORS restriction.

If the service does not support CORS, the only way to consume this service at the client-side is to use a proxy at your server.

More resources if you’re interested.

http://enable-cors.org/

CORS on MDN

Using CORS @ html5rocks.com by Monsur Hossain

NEW TRICKS IN XMLHTTPREQUEST2 by Eric Bidelman