Calling Web Services From JavaScript - Using SOAP Client

Download source - 10.02 KB

Introduction

This article will show you how to make a web service call using only HTML markup and JavaScript.

Background

This article is based on JavaScript SOAP Client on http://www.codeplex.com/JavaScriptSoapClient.

Using the Code

Just copy and and change the scripts and markups. You can see a JavaScript example below.

//Calls Hello World Web Method.
var url = document.location.href.replace("default.htm", "webservicedemo.asmx");
	
// DEMO 1
function HelloWorld()
{
	var pl = new SOAPClientParameters();
	SOAPClient.invoke(url, "HelloWorld", pl, true, HelloWorld_callBack);
}
function HelloWorld_callBack(r)
{
	alert(r);
}
// End of script.

That's all guys.

Points of Interest

I already knew how to make a web service call from JavaScript using webservice.htc. I could not make these calls on browsers other than Internet Explorer. So I searched and found this method. It is so simple to use. Add soapclient.js to your project and some code like the above. Then call it with something like button, etc.

History

12^th February, 2009: Initial post

I will be waiting for your questions. If you like it, please vote. :)

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

Gökmen BULUT

Web Developer

Turkey

Member

Borned in İstanbul/TURKEY....
Loves İstanbul...

Article Top

Poor

Excellent

Add a reason or comment to your vote: x
Votes of 3 or less require a comment

Comments and Discussions

You must Sign In to use this message board. (secure sign-in)

Search this forum
	Profile popups Noise Layout Per page

WebService

ramalingajm

2:06 25 Apr '11

1.Question When in call the webservice usign async=false it works correctly when i give async=true it does not return any alert message or exception. 2. another on question when i call the webservice using the ip of the host message it ask security risk information how to solve this throught the javascript any replay is welcome email me Ramalingam@Cusdelight.com
Sign In·View Thread·Permalink	2.00/5 (1 vote)

soapclient.js and firefox 3 and 4

Member 2313841

2:32 6 Apr '11

Does anyone have a version of soapclient.js that is compatible with firefox, I too am receiving the object object error? We're in a bit of a jam here since we have to support the common browsers, IE, Chrome, Firefox and Safari. Any help would be greatly appreciated.
Sign In·View Thread·Permalink

not work in firefox

nimax3d1

4:16 16 Oct '10

hello Gökmen

i crete a simple asp.net web service. when i add my url (for example "http://localhost:2494/Service1.asmx"), it work on IE but not work in Firefox. i checked the Firefox Error Console and find that below line of code has error:

var ns = (wsdl.documentElement.attributes["targetNamespace"] + "" == "undefined") ? wsdl.documentElement.attributes.getNamedItem("targetNamespace").nodeValue : wsdl.documentElement.attributes["targetNamespace"].value;

i check and find that when this line of code run in IE, "ns" variable set to "http://tempuri.org/". i changed the code and set "ns" manually to "http://tempuri.org/" and run the code again. it work in IE again but in Firefox has error again in below line:

return document.getElementsByTagName(tagName);

please help me.

OK.

dilip2010

3:36 18 Aug '10

OK.
Sign In·View Thread·Permalink

Web Service Error : "The underlying connection was closed: The connection was closed unexpectedly."

ganesh_barhate

2:36 27 Jul '10

Hi BULUT,
I am trying to call a web service made in Java from Windows Form 2.0. Sometimes it works fine and sometimes it gives an error which is mentioned in the subject.
When I tried searching the solution on the internet most of them suggested to override the function GetWebRequest(), and in that assign the KeepAlive property to "False" and use ProtocolVersion as 1.0.
I tried the above solution but that did'nt work out for me. Kindly suggest a workable solution for my problem.

Best Regards,
Qutub.

Using WebService Created in Java

rraiyarela

21:02 3 Jun '10

Hello,

I have a case in which i have to call a web service created in java from javascript in html page.
I tried using webservice.htc but in that call is being made to method of webservice but i'm unable to send the parameters.
So i want to try with you example but i have a doubt because of below code

var url = document.location.href.replace("default.htm", "webservicedemo.asmx");

Here in Java we dont have asmx, instead have a wsdl file.

Rajen Raiyarela.

hi Please help me

bhaveshcode

21:17 27 Jul '09

I want to access webserice that besides on other domain like...htttp://www.exa.com/test.asmx what i have to do.. i got error access denied.
Sign In·View Thread·Permalink	2.00/5 (1 vote)

Re: hi Please help me

spina

17:59 20 Aug '09

i got the same error. Any help appreciated, thanks.
Sign In·View Thread·Permalink

Re: hi Please help me

pietjepietje

4:12 8 Oct '09

same problem! I call a web service written in java.
Sign In·View Thread·Permalink

Re: hi Please help me

KiMO.1337

22:55 21 Aug '11

How did you called the Java Webserver? I mean, what did you put on URL variable instead of that file.asmx from the tutorial? Thank you!
Sign In·View Thread·Permalink

Jaume

enric@mcrit.com

2:27 22 May '09

Hi, Now's someone how to pass parameters in a SOAP call? I tried my own webservice and all works if the functions has no parameters, but not when there's a String or a XmlDocument parameter thank's
Sign In·View Thread·Permalink

Not working in Firefox [modified]

SlingBlade

19:46 29 Apr '09

Hi, I'm using your soapclient.js file for a WebMethod that returns a string. It seems to be working fine in IE and Chrome, but in Firefox the result returned is interpreted as "[object Object]". Am I the only one that has run into this problem and is there a solution?

Edit:
After further examination it appears the problem only appears with fairly long strings (ie, xml list of countries and country codes). Any idea what the issue may be?

Another Edit:
The problem appears to be the fact that the string is xml. As a workaround I modified the SOAPClient._onSendSoapRequest function with the code below; however, the workaround only helps with asynchronous results so a more elegant fix would be greatly appreciated.

SOAPClient._onSendSoapRequest = function(method, async, callback, wsdl, req) 
{
	var o = null;
	var nd = SOAPClient._getElementsByTagName(req.responseXML, method + "Result");
	if(nd.length == 0)
		nd = SOAPClient._getElementsByTagName(req.responseXML, "return");	// PHP web Service?
	if(nd.length == 0)
	{
		if(req.responseXML.getElementsByTagName("faultcode").length > 0)
		{
		    if(async || callback)
		        o = new Error(500, req.responseXML.getElementsByTagName("faultstring")[0].childNodes[0].nodeValue);
			else
			    throw new Error(500, req.responseXML.getElementsByTagName("faultstring")[0].childNodes[0].nodeValue);			
		}
	}
	else
		o = SOAPClient._soapresult2object(nd[0], wsdl);
    
    // workaround
    var resultText;
    if (req.responseXML.getElementsByTagName(method + "Result").item(0))
    {
        resultText = req.responseXML.getElementsByTagName(method + "Result").item(0).textContent;
        if (!resultText) // IE
            resultText = req.responseXML.getElementsByTagName(method + "Result").item(0).text;
    }
	if(callback)
		callback(o, req.responseXML, resultText);
	if(!async)
		return o;
}

modified on Sunday, May 3, 2009 10:36 PM

Re: Not working in Firefox

packets

18:44 27 Nov '10

can i please see your functions to call the soapclient? im learning this library and would like to know how to put stuff into strings to document.write etc
Sign In·View Thread·Permalink

Remote Web Service

smoore4

3:01 18 Feb '09

Thanks - this is great! When I replace webservicedemo.asmx with another web service that is not in the same project, I can't get even the Hello World example to work (copied same Hello World and it works if I invoke it manually). I have something like this in place of webservicedemo.asmx "http://localhost:2360/Metadata/WebService.asmx" Any ideas?
Sign In·View Thread·Permalink	2.80/5 (9 votes)