JavaScript - Call Web Service And Get Data Using Javascript

Hi

In C# I would attach the service reference http://www.anotherdomain.com/Service1.svc?wsdl

then write

myService MS = new myservice();
string[] s = MS.GetDates(); //return an array of string dates


BUT can this be done with only Javascript/Jquery , where the service is on a different domain?

Can you please tell me how or point me in the right direction

Thanks for the help

Hello javascript experts...

I am following this blog on calling web service in javascript.

I am getting syntax error, in my javascript...

Code:

<action trigger="onLoad">
<!--        
mainWindow.visible = true; 
 <script 
  type="text/javascript" 
  src="prototype.js"></script>
<script 
  type="text/javascript" 
  src="ws.js"></script>
<script type="text/javascript">
function getSalesXml(name, container) {
  var call = new WS.Call('<url to the wsdl>'); 
  var nsuri = 'http://example';
  var qn_op = new WS.QName('<functionName>',nsuri);
  var qn_op_resp = new WS.QName('sayHelloResponse',nsuri);  
  call.invoke_rpc(
    qn_op,
    new Array(
      {name:'userId',value:<user>}
      {name:'pwd',value:<password>}
    ),null,
    function(call,envelope) {
      var ret = 
        envelope.get_body().get_all_children()[0].
          get_all_children()[0].get_value();
      container.innerHTML = ret;
      $('soap').innerHTML = arguments[2].escapeHTML();
    }
  );
}
</script>                      
-->	
</action>

at line:

Code:

src="ws.js"></script>

Can anybody correct this error...,

0 down vote favorite

I have been struggling with this for some time.. I searched around but didnt get a solution yet. This is only an issue on production server. In my development environment, everything works just fine.

I am using JQuery/Ajax to update product information based on product's Color attribute. for example, a product has A and B color, the price for color A is different from color B. When user choose different color, the price information is updated as well.

What I did is to first add a javascript function: function updateProductVariant() { var myval = jQuery("#<%=colorDropDownList.ClientID%>").val();

jQuery.ajax({
type: "POST",
url: "/Products.aspx/GetVariantInfoById",
data: "{variantId:'" + myval + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",

success: function (response) {
var obj = jQuery.parseJSON(response.d);

jQuery("#<%=lblStockAvailablity.ClientID%>").text(obj.StockMessage);
jQuery(".price .productPrice").text(obj.CurrentPrice);
jQuery(".price .oldProductPrice").text(obj.OldPrice);
}

});
}

Then I can register the dropdown list's 'onclick' event point to function 'updateProductVariant'

GetVariantInfoById is a Web method in the codebehind, its also very straightforward： [WebMethod] public static string GetVariantInfoById(string variantId) {

int id = Convert.ToInt32(variantId);

ProductVariant productVariant = IoC.Resolve<IProductService>().GetProductVariantById(id);

string stockMessage = productVariant.FormatStockMessage();

StringBuilder oBuilder = new StringBuilder();

oBuilder.Append("{");
oBuilder.AppendFormat(@"""{0}"":""{1}"",", "StockMessage", stockMessage);
oBuilder.AppendFormat(@"""{0}"":""{1}"",", "OldPrice", PriceHelper.FormatPrice(productVariant.OldPrice));
oBuilder.AppendFormat(@"""{0}"":""{1}""", "CurrentPrice", PriceHelper.FormatPrice(productVariant.Price));
oBuilder.Append("}");
return oBuilder.ToString();
}

All these works fine on my local box, but if i upload to the production server, catching the traffic using fiddler, /Products.aspx/GetVariantInfoById becomes a 302 Object moved
Object moved to here.

On my local box,

HTTP/1.1 200 OK

Server: ASP.NET Development Server/10.0.0.0

Date: Thu, 03 Mar 2011 09:00:08 GMT

X-AspNet-Version: 4.0.30319

Cache-Control: private, max-age=0 Content-Type: application/json; charset=utf-8 Content-Length: 117 Connection: Close

But when deployed on the host, it becomes HTTP/1.1 302 Found

Proxy-Connection: Keep-Alive

Connection: Keep-Alive

Content-Length: 186

Via: 1.1 ADV-TMG-01

Date: Thu, 03 Mar 2011 08:59:12 GMT

Location: http://www.pocomaru.com/Products.asp...d/default.aspx

Server: Microsoft-IIS/7.0 X-Powered-By: ASP.NET

then of course, then it returns 500 error title>Unknown web method GetVariantInfoById/default.aspx.
Parameter name: methodName

Can someone please take a look? I think its some configuration in the production server which automatically redirects my webservice call to some other URL, but since the product server is out of my control, i am seeking a local fix for this. Thanks for the help!

Hello,

I am writing a simple yahoo widget that consumes a web service.

I tried by using soapclient.js

Here is the code:
Code:

<action trigger="onLoad">
<!--                

<text>
<name>txtGroups</name>
<color>#FFFFFF</color>
<size>20</size>
<vOffset>100</vOffset>
<hOffset>150</hOffset>
</text>
       
include("soapclient.js");    
mainWindow.visible = true;    
function getOffices()
{
    var pl = new SOAPClientParameters();
    pl.add("userId", preferences.User.value);
    pl.add("pwd", preferences.Password.value);
    SOAPClient.invoke("host:port/ReturnOffices/Config1?wsdl", "getOffices", pl, true, getOffices_callBack);
}
function getOffices_callBack(r)
{
    txtGroups.data=r;
} 
getOffices();

-->
</action>

I get error:

Code:

Your browser does not support XmlHttp Objects soapclient.js line 360

Can anybody please let me know what is the correct way to call a web service in javascript (onLoad)...

Thanks
Srinivas

I was wondering if its possible to have javascript stop a service on my machine for instance terminal services and then start it again...Any help provided will be greatly appreciated