Click here to Skip to main content

Article

Calling Web Services From JavaScript - Using SOAP Client

Gökmen BULUT

Rate me:

4.63/5 (15 votes)

12 Feb 2009CPOL

176.7K

6.2K

42

24

We can call any web service method using JavaScript 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.

C#

//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)

Written By

Gökmen BULUT

Web Developer

Turkey

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

Comments and Discussions

no se entiende nada

Wilmer Rivera16-Apr-18 9:56

16-Apr-18 9:56

debe explicar uno a uno despacio y a detalle si no pierde el tiempo por que no le entenderan nada

Re: no se entiende nada

Nelek16-Apr-18 9:59

16-Apr-18 9:59

Translation of the OP for the rest:
You should explain one by one and in detail. If not you waste your time, because they won't understand you.

Y esperas que te entienda él a ti? Esto es una página de habla inglesa
Translation of my comment: And you expect him to understand you? This is an english website.

M.D.V.

Wink | ;)

If something has a solution... Why do we have to worry about?. If it has no solution... For what reason do we have to worry about?
Help me to understand what I'm saying, and I'll explain it better to you
Rating helpful answers is nice, but saying thanks can be even nicer.

Access is denied in soapclient.js

Member-clarence31-Jul-15 6:09

Member-clarence

31-Jul-15 6:09

This should be a great demo. Yet I can't get it run... Can anybody please help?

I have encountered Error on page when I ran Demo 1:

Access is denied.
soapclient.js Line:136
Code Blush | :O

Blush | :O

Char:2
URI: file://...MyFolder/SourceAndDemos/soapclient.js

Great Example, works in all browser

Tahir Saleem19-Feb-13 0:33

19-Feb-13 0:33

Its very simple and a great problem solver.
Thanks buddy.
Keep up the good work.

hello

Re: Great Example, works in all browser

Gökmen BULUT23-Feb-13 12:38

23-Feb-13 12:38

thanks buddy Smile | :)

Smile | :)

Gökmen BULUT
SENIOR SOFTWARE DEVELOPER

Tahir Saleem19-Feb-13 0:30

19-Feb-13 0:30

This is an excellent example.
I tested it with all three browser ( IE, firefox, Chrome).
Its simply great solution to lot of my problem.
Bravo thanks.

Unareshraju22-Jul-12 23:15

22-Jul-12 23:15

likecode

Manoj Kumar Choubey27-Mar-12 4:11

Manoj Kumar Choubey

27-Mar-12 4:11

Nice

ramalingajm25-Apr-11 1:06

25-Apr-11 1:06

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

soapclient.js and firefox 3 and 4

Member 23138416-Apr-11 1:32

6-Apr-11 1:32

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.

not work in firefox

nimax3d116-Oct-10 3:16

16-Oct-10 3:16

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.

Re: not work in firefox

rayrogar30-Oct-12 10:32

30-Oct-12 10:32

I have the same problem. Do you have any answer?? Frown | :(

Frown | :(

amity201018-Aug-10 2:36

18-Aug-10 2:36

OK.

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

ganesh_barhate27-Jul-10 1:36

27-Jul-10 1:36

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

rraiyarela3-Jun-10 20:02

3-Jun-10 20:02

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

bhaveshcode27-Jul-09 20:17

27-Jul-09 20:17

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.

Re: hi Please help me

spina20-Aug-09 16:59

20-Aug-09 16:59

i got the same error.

Any help appreciated, thanks.

Re: hi Please help me

pietjepietje8-Oct-09 3:12

8-Oct-09 3:12

same problem!
I call a web service written in java.

Re: hi Please help me

KiMO.133721-Aug-11 21:55

21-Aug-11 21:55

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!

enric@mcrit.com22-May-09 1:27

enric@mcrit.com

22-May-09 1:27

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

Not working in Firefox [modified]

SlingBlade29-Apr-09 18:46

29-Apr-09 18:46

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

packets27-Nov-10 17:44

27-Nov-10 17:44

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

Remote Web Service

smoore418-Feb-09 2:01

18-Feb-09 2:01

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?

Re: Remote Web Service

Gökmen BULUT6-Mar-09 3:39

6-Mar-09 3:39

Thanks brother Smile | :)

Smile | :)

Gökmen BULUT
SENIOR SOFTWARE DEVELOPER

General News Suggestion Question Bug Answer Joke Praise Rant Admin

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Go to top